技术归档

如果快速将手机网页转为微信小程序?

LensNews

前置条件:

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、 回到微信小程序操作页面,

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

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

()

本文由 AITE 作者:万代云 发表,转载请注明来源!

LensNews

热评文章

发表回复