#独家
手把手教你怎么将手机端网址封装成微信小程序

2021-07-19 1,241

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

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

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

 

 

手把手教你怎么将手机端网址封装成微信小程序

二、微信开发者工具中创建小程序,填写前面注册小程序的AppID

 

手把手教你怎么将手机端网址封装成微信小程序

三、修改app.json配置

 

手把手教你怎么将手机端网址封装成微信小程序

打开app.json文件,修改中的Weixin成自己的小程序名称

“navigationBarTitleText”: “Weixin”,   如:模板2345

→→

手把手教你怎么将手机端网址封装成微信小程序

 

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

 

<web-view src=”https://www.mb2345.com”></web-view>
代码里的https://www.mb2345.com,就是你H5网站的网址域名

手把手教你怎么将手机端网址封装成微信小程序

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

手把手教你怎么将手机端网址封装成微信小程序

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

登录微信公众平台 → 开发管理 → 开发设置 → 服务器域名:

手把手教你怎么将手机端网址封装成微信小程序

3、设置完以后按下键盘ctrl+s保存 ctrl+r 刷新页面  如果没问题点击上方的上传把此源码上传到小程序官网

然后提交审核即可,审核每年有3次加急审核,通过以后点击上线即可。

 

手把手教你怎么将手机端网址封装成微信小程序

六、js判断当前html5网址是不是在微信小程序中运行的

<script type=”text/javascript” src=”https://res.wx.qq.com/open/js/jweixin-1.3.2.js”></script>
<script>
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)==”micromessenger”) {
//ios的ua中无miniProgram,但都有MicroMessenger(表示是微信浏览器
wx.miniProgram.getEnv((res)=>{
if (res.miniprogram) {
alert(“在小程序里”);
} else {
alert(“不在小程序里”);
}
})
}else{
alert(‘不在微信里’);
}
</script>

演示小程序:

 

手把手教你怎么将手机端网址封装成微信小程序

点我免费下载

微信扫一扫,免费下载全站资源!

打开微信扫一扫,打开小程序,完成对应任务即可免费下载所有资源!
点赞 (1)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!mb2345@qq.com 2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励! 3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负! 4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有MB奖励和额外收入!

模板2345精品站长源码站 建站教程 手把手教你怎么将手机端网址封装成微信小程序 https://www.mb2345.com/7119.html

常见问题
  • 本站大部分资源来自互联网,只有带“已测试”标签的资源经过测试,如下载未测试资源,或自己记住不到位未搭建成功的,本站不退款。
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用360、QQ浏览器下载,如有解压密码未标注的,请自行破解。
查看详情

相关资源

模板2345客服团队

为您解决烦忧 - 24小时在线 专业服务

小程序
小程序开发

小程序商城/点餐/外卖/分销/等小程序开发

我要制作小程序
400
400电话申请

400电话开通/代理/快速办理上线

我要申请400
营业执照
资质代办

办理营业执照/ICP许可证/软著/商标

我要办理
修复
故障排查

排查服务器故障/解决网站400.500.404等错误代码

我要处理
  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    文章总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

注册账号即送5MB,开通VIP全站资源任你下载。