重要提醒:

1. 个人主体的小程序,在后台是没有“业务域名”配置入口的!也就是说,个人小程序无法实现正式版跳转外部链接,如果是企业需求,建议用企业主体注册小程序。

2. 配置的业务域名必须经过ICP备案,且必须支持HTTPS。

3. 配置好业务域名后,index页里的targetUrl必须是“该域名下的链接”(比如你配置了blog.csdn.net,就可以跳转该站下的任何HTTPS链接),否则还是会提示无法打开。

配置后的效果:

把index页里的targetUrl改成“已配置的业务域名下的链接”,再用手机预览:

1. 点击跳转按钮,会顺利跳转到webView页;

2. 加载出目标外部页面(比如公司官网的登录页、活动页);

3. 手机上操作外部页面,完全正常,不会再提示“无法打开”。

其实uni-app实现微信小程序跳转外部链接,核心就是“用web-view组件当中转站”,再注意域名配置的问题,就能轻松搞定。步骤再梳理一遍:

1. 在pages.json注册index和webView页;

2. index页加按钮,传外部链接到webView页;

3. webView页接收链接,用web-view加载;

4. 开发测本地关校验,预览/发布前配业务域名。

更多推荐