手机网页封装微信小程序实战步骤.doc

发布时间：2022-06-14 发布人：admin 分类：说明书资料大小：0.79M 资料格式：doc 举报版权申诉

6cecc120-3e46-4922-9334-a2b6c9d3ad2d.doc.pdf-第1页.png

第1页 / 共5页

6cecc120-3e46-4922-9334-a2b6c9d3ad2d.doc.pdf-第2页.png

第2页 / 共5页

6cecc120-3e46-4922-9334-a2b6c9d3ad2d.doc.pdf-第3页.png

第3页 / 共5页

6cecc120-3e46-4922-9334-a2b6c9d3ad2d.doc.pdf-第4页.png

第4页 / 共5页

6cecc120-3e46-4922-9334-a2b6c9d3ad2d.doc.pdf-第5页.png

第5页 / 共5页

手机网页封装成微信小程序实战步骤

手机网页封装成微信小程序实战步骤必备条件： 1，自行申请注册小程序账号； 2，网页开通 HTTPS 验证。实施步骤： 1，下载微信小程序开发工具： https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 2，工具安装完成后，打开微信开发者工具，选择小程序项目：

3，点击小程序项目，打开新建项目界面，选择项目目录、录入 APPID、项目名称 4，完成新建项目后，项目目录显示为： 5，打开目录中的 app.json 文件，将 pages 模块下的多余内容都删除，并修改 navigationBarTitleText 属性的值为项目名称，完成步骤并保存

6，之后打开/pages/index/index.wxml 文件，将多余内容清空，粘贴 web-view 组件所承载的需要转换的网页服务器地址： 7，此时，会在你的出口左侧出现预览界面，但是如果微信小程序没有设置业务域名的情况下，会出现类似这样的提示（不支持打开非业务域名 https：//m.caituzs.com,请重新配置），这个时候你只需打开你的微信小程序管理界面，点击设置->开发设置：

8，将打开的页面向下滚动，找到业务域名区域，点击开始配置，配置完成后，则会显示： 9，回到微信开发工具，打开 index.wxml 文件，点击保存就可以正确的引入你的手机网站了，然后就可以上传代码： 10，上传完成后，回到你的微信小程序管理页面，点击开发管理->开发版本->提交审核，

这样一个手机网站就可以完整的转成小程序了。

分享到：

赞收藏

资料库

手机网页封装微信小程序实战步骤.doc

相关推荐

开发技术

热门标签

最新资料