首页 > 建站‧营销

Html5手机端网址封装成微信小程序


一、登录微信公众平台,注册一个小程序,获取AppID(小程序ID);

二、微信开发者工具中创建小程序,填写前面注册小程序的AppID或者选测试号,选择不使用模板;

三、修改app.json配置;

打开app.json文件,pages项只保留 "pages/index/index" 这一行即可;

window项的navigationBarTitleText填写小程序名称;

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

<web-view src="http://www.baidu.com(改成自己手机版网址)"></web-view>;

五、测试

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

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

登录微信公众平台 → 开发管理 → 开发设置 → 服务器域名:填写http://www.baidu.com(改成自己手机版网址);

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

<script type="text/javascriptsrc="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
varua=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>

本文链接:https://zhanque.net/cms/4792.html