H5封装小程序

导读:
微信用户数早已超越10亿(中国使用微信的人已经超过80%),微信小程序也备受用户喜爱,如果你的网站已有H5手机端,可以将H5手机网站直接封装成微信小程序,除了不能使用微信支付功能外,其他类似分享的功能都是和真正的小程序端无异的,如此一来,可以省去开发微信小程序的时间和成本。

教程步骤:
前提要求:H5网站域名必须开启https,比如 https://18pay.net/,是https开头,而不是http

一、登录微信公众平台,注册一个小程序,不懂自行百度,获取AppID(小程序ID)

二、微信开发者工具中创建小程序,填写前面注册小程序的AppID
在这里插入图片描述

三、修改app.json配置

打开app.json文件,pages项只保留 “pages/index/index” 这一行即可
window项的navigationBarTitleText填写小程序名称
在这里插入图片描述

四、打开/pages/index/index.wxml文件,将里面的代码全部删除,添加下面这一行代码

在这里插入图片描述

代码里的https://wq.1000shop.cn/app/index.php?i=2&c=entry&do=index&m=qwy_adv&id=28,就是你H5网站的网址域名

五、测试
1、点击详情 → 本地设置 → 勾选【不校验合法域名】来进行测试,如下图:

在这里插入图片描述

2、小程序正式上线的话,需要在微信小程序管理中心中,把H5域名添加为业务域名,如下图:

登录微信公众平台 → 开发管理 → 开发设置 → 业务域名:
在这里插入图片描述

原文链接:https://blog.csdn.net/qq15577969/article/details/115168999

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值