关于小程序打开外部链接

一.首先,如果是个人小程序,就不用考虑打开外部链接了。这里需要使用web-view组件,详细的请看

https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html ​ 实现线上的h5通过小程序配置业务域名,通过web-view组件实现内嵌h5页面。直接拿来链接是打不开的。需要配置业务域名,并且在服务器的根目录下方式验证文件。

       登录微信公众平台下载效验文件   开发管理——>开发设置——>业务域名——>下载效验文件 image 然后把效验文件放在 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文件上,写入对应的函数如图

image

创建web-view文件夹

3.在app.json里面加入路径。

4.在webview.wxml写入

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

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

点赞
收藏

评论区

加载中...

相关推荐

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

SecureCRT配合树莓派 使用教程

SecureCRT使用教程如何建立连接串口连接打开SecureCRT这里需要提前安装一个USB转TTL驱动需要修改波特率根据修改树莓派的文档”cmdline.txt“的操作我当时修改的是115200javadwcotg.lpmenable0consoletty1consoleserial0,115200root/dev/mmcblk0p2ro

App唤起微信小程序和回调

在同一开放平台账号下的移动应用及小程序无需关联即可完成跳转,非同一开放平台账号下的小程序需与移动应用(APP)成功关联后才支持跳转。可在“管理中心移动应用应用详情关联小程序信息”,为通过审核的移动应用发起关联小程序操作。唤起App打开下程序他有两种方式:1,通过App分享小程序卡片到微信,然后在微信上点击小程序卡片打开小程序,

APPIUM 小程序webview问题

小程序许多界面都是hybrid,有些webview页面用uiautomatorviewer查看不到元素,这里就要获取webview 的pagesource了1.环境:  需要确定appium\_chromedriver的版本和微信的webview版本对应:获取微信的webview版本信息,打开x5调试debugx5.qq.com在信息页面

PHP 实现微信小程序敏感图片、内容检测接口

主要是为了调用微信小程序msgSecCheck、imgSecCheck接口。先附上小程序接口说明文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/openapi/seccheck/msgSecCheck.html1、首先要获取a