详情页

如何将H5手机网站转为微信小程序

时间:2022年07月14日

编辑:佚名

将H5手机网站转为微信小程序教程
微信小程序一般是原生开发,但是原生开发有一定地技术门槛,并且成本也比较高。
当然也有很多建站公司针对不同行业,推出了针对性的小程序建站模板,操作比较方便,对技术要求不高,就是每年需要支付一定的费用。
对于一些要求不是很高的,纯展示型的小程序,也可以使用手机网站封装微信小程序,内容自动同步手机网站。
必要条件:
自行申请注册小程序账号
网页开通HTTPS
1、登陆微信小程序后台,依次点击:【开发管理】-【开发设置】。填写下业务域名等基本信息,业务域名一般为你手机网站域名。

将H5手机网站转为微信小程序教程
2、下载微信开发者工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
安装好之后,打开微信开发者工具,选择小程序项目
点击管理项目+号增加小程序,如下图:

将H5手机网站转为微信小程序教程
3、在桌面新建一个空白文件夹,随意命名可以,然后在下方目录中选择创建的文件夹,项目名称写你创建的小程序名称,APPID填写你在微信小程序后台创建的小程序APPID号,然后选择不使用云服务,然后点击新建即可,如下图所示:

将H5手机网站转为微信小程序教程
4、打开app.json文件,navigationBarTitleText 项目对应的小程序名字,修改一下,点击顶部菜单:文件,保存。

将H5手机网站转为微信小程序教程
5、打开/pages/index/index.wxml文件,将文件中内容清空,粘贴一下代码:(把网址改成你手机站的域名)
<web-view src="https://www.78moban.com"></web-view>

将H5手机网站转为微信小程序教程
6、点击右上角上传即可。
7、上传时,会弹出确认页面,一次输入版本号,项目备注,点击上传。这里需要注意的是版本号只能是字母、数字、小数点。
8、回到微信小程序操作页面,点击开发管理,找到刚才提交的版本,点击后面的提交审核。
到此为止小程序就进入官方审核了,审核通过后就可以分享给大家使用了,没审核之前只能自己查看。
需要注意的几点:
这种直接转的小程序无法使用微信支付功能,就是你移动站如果使用了微信支付,这种小程序是无法使用的。
相关文章
猜你需要