H5套壳微信小程序跳转H5以及配置服务器接口域名和业务域名

这篇具有很好参考价值的文章主要介绍了H5套壳微信小程序跳转H5以及配置服务器接口域名和业务域名。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、H5套壳微信小程序跳转H5

基本语法:

<web-view src="https://你的域名"></web-view>
1.
其中,url必须在管理后台加进业务域名,并且是https开头的。

使用了web-view,页面将不能放置其他元素,因为web-view会铺满整个页面

电脑端调试,需要在开发者工具的项目设置里把基础库版本改为最新的(1.6.4)

常见的注意事项:

1. 首先,web-view 组件的 src属性 指向的网页链接必须是 https 开头的。
2. 其次,h5 页面内的 js 和 ajax 请求也必须是 https 的。

微信小程序提供的 web-view 组件在嵌入 h5 页面时, h5 页面内的请求是否必须都是 https 的呢?

1.web-view 组件嵌套的 h5 页面内的所有请求,都必须都是 https 开头的,否则就会出错。

2.如果 ajax 请求仍然使用 http 形式开头的,那么该请求就会被小程序阻塞(即blocked),无法发出请求。

3.所以,还是乖乖按照小程序的硬性规定,使用 https 形式的接口进行请求吧。毕竟微信也是为了统一开发以及安全方面考虑的。

在微信开发者工具上的模拟器中,可以在 <web-view/> 组件内嵌套的 h5 页面上通过 “右键鼠标 - 调试”,打开 <web-view/> 组件所嵌入的 h5 页面的调试功能,这样就能直观的在控制台内看到具体的报错信息和位置,方便定位问题。
二、配置小程序服务器数据接口域名和业务域名

登录微信小程序管理后台

配置服务器接口域名

微信小程序套壳,微信小程序,前端,小程序

 微信小程序套壳,微信小程序,前端,小程序

 微信小程序套壳,微信小程序,前端,小程序

 配置业务域名

微信小程序套壳,微信小程序,前端,小程序

 微信小程序套壳,微信小程序,前端,小程序

 微信小程序套壳,微信小程序,前端,小程序文章来源地址https://www.toymoban.com/news/detail-733392.html

到了这里,关于H5套壳微信小程序跳转H5以及配置服务器接口域名和业务域名的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序跳转H5、小程序、App

    日常开发业务中会遇到微信小程序与H5、其他小程序、App之间的相互跳转,客户对引流用户非常在意。此处粗浅的介绍了微信小程序跳转H5、小程序、App的实现思路。 1、跳转H5 使用微信开放组件 web-view 在微信公众平台-小程序后台配置业务域名,要将校验文件放置到域名根目

    2024年02月16日
    浏览(29)
  • APP跳转H5、微信小程序与微信小程序之间互跳

    plus.share.getServices(function(res) { var sweixin = null; for (var i = 0; i res.length; i++) { var t = res[i]; if (t.id == ‘weixin’) { sweixin = t; } } if (sweixin) { sweixin.launchMiniProgram({ id: item.id, //小程序原始id type: item.type, //环境 0-正式版; 1-测试版; 2-体验版 path: path //指定页的路径,如需传参直接字符串

    2024年02月08日
    浏览(39)
  • 微信小程序与h5的相互跳转

    微信小程序跳转内嵌的h5: 在微信小程序内编写webview文件,通过webview去跳转h5,loadUrl为h5的地址 嵌套的h5跳回微信小程序内部 h5中引入微信jsSdk,通过wx.miniProgram.navigateTo返回至微信小程序内部 可以通过wx-open-launch-weapp,URL Scheme和URL Link三种方式,每天生成 URL Scheme 和 URL Lin

    2024年02月10日
    浏览(23)
  • uniapp webview H5跳转微信小程序

    第一步:manifest.json 第二步:index.html 第三步 H5跳转微信小程序代码

    2024年02月10日
    浏览(36)
  • uniapp微信公众号(h5)端跳转微信小程序

    !!!不是微信公众号菜单跳转小程序 微信公众号菜单跳转小程序:公众号和小程序相互关联,在公众号的自定义菜单中配置即可 1、 绑定域名  2、安装依赖 jweixin-module 3、 引入挂载 !!!main.js引入挂载 !!!单页面引入挂载 4、 通过 config 接口注入权限验证配置(需要后

    2024年02月13日
    浏览(47)
  • 微信H5(公众号)跳转微信小程序实现及其传参

    其中:         username:目标小程序的原始id;         path : 所需跳转的小程序内页面路径及参数( 传参采取挂参的形式传递 ); ps:目标小程序接收参数时要在index的onload里面接收直接 options.XXX就可以。 https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/url-lin

    2024年02月09日
    浏览(52)
  • 微信小程序、微信公众号、H5页面之间的跳转

    一、微信小程序与公众号 可关联已有的小程序或快速创建小程序,已关联的小程序可被使用在自定义菜单和模板消息等场景中。 公众号可关联同主体的 10 个微信小程序及不同主体的 3 个小程序,同一个小程序可关联最多 50 个公众号。 二、微信小程序与H5页面 1、微信小程序

    2024年02月06日
    浏览(30)
  • Vue项目(H5)与微信小程序来回跳转

    新建H5页面 在小程序里面新建一个名为H5的文件夹,以及H5页面  Vue处理

    2024年04月14日
    浏览(20)
  • 微信小程序和H5之间互相跳转、互相传值

      微信小程序和内嵌 H5 之间来回跳转,来回交互。   微信小程序官方提供了 web-view 组件来实现微信小程序跳转到 H5 页面,实现的方式也很简单,具体实现方式如下: 1、新建一个页面用来单独存放 web-view 组件,并且所有的内嵌 H5 都可以通过这个页面来实现跳转; (

    2024年02月02日
    浏览(31)
  • 微信小程序跳转第三方H5的方法

    使用web-view标签进行跳转 首先建立一个新的页面,这个页面就是为了第三方H5页面准备的。 在index.wxml中,写以下代码 在index.js中,写一下代码 在需要点击跳转第三方页面的地方,js文件中用以下代码实现跳转 以上代码就实现了跳转第三方链接/H5页面 项目中大部分时候,需要

    2024年02月11日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包