关于小程序:关于小程序打开外部链接

6次阅读

共计 630 个字符,预计需要花费 2 分钟才能阅读完成。

一. 首先,如果是集体小程序,就不必思考关上内部链接了。这里须要应用 web-view 组件,具体的请看

https://developers.weixin.qq….

实现线上的 h5 通过小程序配置业务域名,通过 web-view 组件实现内嵌 h5 页面。间接拿来链接是打不开的。须要配置业务域名,并且在服务器的根目录下形式验证文件。

       登录微信公众平台下载效验文件   开发治理——> 开发设置——> 业务域名——> 下载效验文件

而后把效验文件放在 npm run build 打包后的 h5 我的项目根目录里 部署上传到线上  留神肯定要打包后放入根目录下,保障能够拜访。

二. 小程序配置业务域名

配置业务域名 由上图能够看出 要留神两点 

1.h5 的我的项目域名必须是 https 的

2. 我的项目链接不能由 /api 的  正确格局 www.baidu.com

三. 通过组件 web-view 进行传参跳转

应用 click 点击事件跳转到 webview 页面  在通过 web-view 组件跳转到 h5 我的项目

1. 在 WXML 文件里某个须要触发点击事件的标签外面加上点击事件 bindtap=”

navigateToURL”。记得带上参数 data-url=”{{item.url}}”

2. 在.js 文件上,写入对应的函数如图

创立 web-view 文件夹

3. 在 app.json 外面退出门路。

4. 在 webview.wxml 写入

<web-view src=”{{url}}”></web-view>

5. 在 webview.js 文件中写上逻辑

正文完
 0