微信小程序内嵌网页能力开放 小程序支持内嵌网页文档说明

为了方便开发者灵活配置微信小程序,张小龙现在开放了小程序的内嵌网页功能,这是一个非常大的惊喜啊,以后意味着你只要开放一个手机端网站,就可以制作一个小程序了哦。
操作方法
1、开发者登录微信小程序后台,选择《设置=》开发设置=》业务域名》,新增配置域名模块。目前微信小程序内嵌页面功能暂时不开放个个人类型账号和海外类型的账号。
2、每次配置都需要管理员身份验证信息,防止一些恶意挂马问题。
3、配置业务域名时需要严格按照提示要求进行配置,如果你不懂的配置,请咨询浙江百牛信息技术bainiut.ltd为你设置业务域名。

嵌入网页业务域名,也是有一些限制的,如下:
1、每一个小程序账号支持配置最多20个业务域名,这个应该够用了;
2、每一个域名支持绑定20个小程序,这个也是够用的;
3、每个小程序一年内可以以修改业务域名50次,如果你非得要挑战这个数量,你可以试一下啊,建议前期做好规划;
4、公众平台后台业务域名配置成功后,才可以使用web-view嵌入网页组件;
小程序内嵌调用web-view组件实现内嵌的网页功能,目前支持部分jsapi功能,关于web-view接口具体使用说明和限制你可以咨询浙江百牛信息技术bainiu.ltd,我们技术人员会为你解决你的困惑。

转载于:https://www.cnblogs.com/bainiu/p/7776574.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序是一种轻量级的应用程序,可以直接在微信内部运行。与传统的H5页面不同,微信小程序具有更快的加载速度、更高的交互性、更多的功能和更好的用户体验。但是,有些时候,为了满足用户的需求,我们可能需要在微信小程序入H5页面。 在微信小程序入H5页面的过程分为两个步骤: 1. 生成微信小程序的web-view组件,这个组件可以承载H5页面。 2. 在H5页面中引入微信提供的JS-SDK,通过JS-SDK调用微信小程序的API,实现在小程序H5页面的效果。 下面是具体步骤: 1. 在微信小程序的wxml代码中,添加web-view组件,代码如下: <web-view src="{{url}}"></web-view> 其中,url是要入的H5页面的URL地址。 2. 在H5页面中引入微信提供的JS-SDK,代码如下: <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> 3. 在H5页面中使用JS-SDK调用微信小程序的API,实现在小程序H5页面的效果,代码如下: <script> wx.miniProgram.navigateTo({ url: '/pages/webview/webview?url=' + encodeURIComponent(window.location.href) }); </script> 以上代码实现的功能是,在H5页面中调用微信小程序的API,跳转到小程序页面,并把当前页面的URL地址通过query参数传递给小程序页面。 需要注意的是,在使用微信小程序H5页面时,需要遵循微信小程序的一些规则,比如必须使用HTTPS协议、不能跳转到其他小程序等。同时,也要注意H5页面的适配性,确保在小程序中的显示效果与在浏览器中一致。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值