如何将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、回到微信小程序操作页面,点击开发管理,找到刚才提交的版本,点击后面的提交审核。
到此为止小程序就进入官方审核了,审核通过后就可以分享给大家使用了,没审核之前只能自己查看。
需要注意的几点:
这种直接转的小程序无法使用微信支付功能,就是你移动站如果使用了微信支付,这种小程序是无法使用的。
微信小程序一般是原生开发,但是原生开发有一定地技术门槛,并且成本也比较高。
当然也有很多建站公司针对不同行业,推出了针对性的小程序建站模板,操作比较方便,对技术要求不高,就是每年需要支付一定的费用。
对于一些要求不是很高的,纯展示型的小程序,也可以使用手机网站封装微信小程序,内容自动同步手机网站。
必要条件:
自行申请注册小程序账号
网页开通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、回到微信小程序操作页面,点击开发管理,找到刚才提交的版本,点击后面的提交审核。
到此为止小程序就进入官方审核了,审核通过后就可以分享给大家使用了,没审核之前只能自己查看。
需要注意的几点:
这种直接转的小程序无法使用微信支付功能,就是你移动站如果使用了微信支付,这种小程序是无法使用的。
新闻资讯 更多
- 【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
- 【建站知识】Python中的logger和handler到底是个什么?04-03
- 【建站知识】python3拉勾网爬虫之(您操作太频繁,请稍后访问)04-03
- 【建站知识】xpath 获取meta里的keywords及description的方法04-03
- 【建站知识】python向上取整以50为界04-03
- 【建站知识】scrapy xpath遇见乱码解决04-03
- 【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
- 【建站知识】scrapy采集—爬取中文乱码,gb2312转为utf-804-03