如果快速将手机网页转为微信小程序?
微信    2018-11-26    153    0    0
senier   微信

前置条件:

1、自行申请注册小程序账号

2、网页开通HTTPS

具体步骤如下:

1、下载微信开发者工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2、安装好之后,打开微信开发者工具,选择小程序项目

3、点击管理项目后侧加号(界面右下角)

4、打开新建项目界面,选择项目目录,输入APPID、项目名称,确定

5、打开app.json文件,将pages项目中多余的代码删除,navigationBarTitleText项目对应的小程序名字,修改一下,点击顶部菜单:文件,保存。

6、打开/pages/index/index.wxml文件,将文件中内容清空,粘贴一下代码:

<web-view src="https://www.xcwl.com"></web-view>

7、届时,左侧预览窗口会出现预览界面,但是在未设置的情况下,会出现类似以下页面(不支持打开非业务域名https://www.xcwl.com,请重新配置。)

此时,登录微信小程序管理页面,依次点击:设置、开发设置。

将页面向下滚动,找到业务域名区域,点击开始配置。

管理员扫码确认

下载校验文件,上传至网站根目录,在业务域名处输入对应的域名,保存。

如果校验文件未上传,则无法保存,会出现“文件校验失败。若已上传文件,可根据指引自查。”的提示。

保存成功后效果如下:

8、回到微信开发者工具,再次在index.wxml文件中点击保存,左侧可出现正确的预览,如下图:

9、点击右上角上传

10、上传时,会弹出确认页面,一次输入版本号,项目备注,点击上传。这里需要注意的是版本号只能是字母、数字、小数点。

11、回到微信小程序操作页面,

点击开发管理,找到刚才提交的版本,点击后面的提交审核。

是不是很简单啊?快动起手来试试吧。

Pre: JavaScript 图表库 ECharts

Next: 开源许可证GPL、BSD、MIT、Mozilla、Apache和LGPL的区别

153
Table of content