导读

需求： 在微信小程序中访问外部https网页，可做小程序中访问或者跳出到浏览器打开访问。
结果： 由于我做不了让小程序打开浏览器并访问指定的url，所以我做微信小程序页内访问指定的URL。
条件：

1、需要企业小程序；
2、url跳转必须是自己能操作的网站（拥有网站更改的权限）
3、自己小程序的开发者/管理者（需要权限登录到微信小程序后台）
效果：
点击某个按钮触发点击事件；在js中调用wx.navigateTo()方法进行页面跳转，在跳转页面里面打开您指定的url

在微信小程序后台配置业务域名

登录到微信小程序后台，在开发者设置下面找到业务域名进行添加

添加域名后，下载校验文件，放到网站根目录下，最后点击保存即可。
注意：如果没有把校验文件放到网站根目录下会提示保存失败的。

代码层面

js中调用跳转方法

ToWebURL(url){wx.navigateTo({url: pages/webView/index,//要跳转的页面（需要新建立一个page页面）success: ()=> {}
},

新建一个page页面，路径：page/webView/index
wxml中如下：

<!--pages/webView/index.wxml-->
<web-view src="https://wwww.XXXXX.com/" bindload="bindload" binderror="binderror"></web-view>

解释：https://wwww.XXXXX.com/这个是实际上可以访问到域名，也就是我们指定微信跳转的网站。如果没有配置微信小程序后台的业务域名就会访问失败，像下面这个样子：

已完成，跳转效果如最上面的效果一样。希望我能帮到您！

微信小程序做页内跳转外部网络连接/＜web-view＞的使用（使用与企业小程序）相关推荐

Markdown文本目录生成、页内跳转
(1)文本目录是生成? 在文档开头第一行单独输入[TOC],Markdown编辑器就会根据文档中的h1~h6标题自动生成目录.效果如下(输入[TOC]后编辑页面会显示为@[TOC]): 文章目录标题 ...
Markdown (CSDN) MD编辑器（一）- 实现页内跳转
目录一.创建锚点二.引用锚点三.实例讲解 Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版.它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HT ...
CSDN添加页内跳转和页外指定段落跳转
标题一通过下面的语法并不能实现页面跳转: [点此跳转](#标题二) 示例如下: 点此跳转可以通过添加div的方式添加标记,经实验,发现div跳转的方式并不是Markdown的标准语法,应该是CSD ...
Markdown 实现页内跳转
Markdown 实现页内跳转在使用 Markdown 做一些论文笔记或者说写文档时, 通常会出现这样一种情况.我们在文档的某个地方定义了一个 tableorfiguretable \ or \ f ...
Typora页内跳转，亲测有效
Typora页内跳转!亲测有效! 跳转方式:按住Ctrl,同时使用鼠标点击[起始位置] 起始位置写法: <a href="#xxxx">xxxx</a>说明 ...
Markdown文本目录生成、页内跳转（附详细示例）
文章目录 1 生成目录.页内跳转 1.1.生成目录 1.2.页内标题跳转 1.3.自定义锚实现页内自由跳转 1 生成目录.页内跳转 1.1.生成目录在文档开头第一行单独输入[TOC],Markd ...
GitHub Flavored Markdown 中实现【页内跳转】
GitHub Flavored Markdown 中实现[页内跳转] GitHub 并不直接支持 html 形式的跳转,但可以通过以下两种方法曲折实现: 1. 任意 # 标注的标题都会被添加上同名的跳 ...
实现GithubMarkdown目录/页内跳转
实现GithubMarkdown 目录/页内跳转 GitHub支持的语法在标准markdown语法的基础上进行了修改,称为Github Flavored Markdow(GFM),其语法可参见guod ...
Typora怎样实现页内跳转
Typora怎样实现页内跳转使用场景如何实现 HTML链接标签修改内容验证效果使用场景当我们利用Typora时,经常会遇到需要跳转的情况. 比如: 通过汇总表格,直接跳转到内容详细. 如何 ...

微信小程序做页内跳转外部网络连接/＜web-view＞的使用（使用与企业小程序）

导读

在微信小程序后台配置业务域名

代码层面

微信小程序做页内跳转外部网络连接/＜web-view＞的使用（使用与企业小程序）相关推荐

最新文章

热门文章