一、先配置链接的域名

进入到小程序后台 https://mp.weixin.qq.com/ 扫码登录，下滑找到业务域名。
文章这里以外部链接百度、微信公众号链接为例。
配置百度的域名（https://www.baidu.com），
微信公众号链接的域名（https://mp.weixin.qq.com）

如果不配置域名或者域名配置不正确，会出现打不开接口问题。
不支持打开非业务域名https://www.baidu.com,请重新配置。

二、代码实现

1、首先，在 app.json 中page[] 中正常注册一个页面，用来放置 web-view 组件。

"pages": ["pages/webview/webview",],

例如我们注册一个webview页面，点击编译一下，webview页面就自动生成啦。

2、打开webview.js，逻辑代码如下

// pages/webview/webview.js
Page({/*** 页面的初始数据*/data: {// 需要跳转路径url: 'https://www.baidu.com', },/*** 生命周期函数--监听页面加载*/onLoad: function(options) {this.setData({url: options.url, // 从跳转页面中传过来的url在options中可以拿到});},OpenToURL() {var url = this.data.urlwx.navigateTo({// 注意路径 url: `/pages/webview/webview?url=${url}`})},
});

3、打开webview.wxml

<!--pages/webview/webview.wxml-->
<view><button bindtap="OpenToURL">打开百度</button><web-view src="{{ url }}" bindload="bindload" binderror="binderror"/>
</view>

4、查看效果

5、同理，打开公众号文章只需要把webview.js中的url替换成公众号文章链接地址即可。

微信小程序-从0到1实现小程序内打开H5链接或跳转到某个公众号文章相关推荐

聊聊微信内打开H5链接时如何自动跳转外部浏览器打开
很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接,其实这并不难,只要我们实现微信跳转功能即可.下面跟大家聊聊微信内如何实现自动跳转外部浏览器打开网页功能目的生 ...
android 新闻小程序,微信安卓版7.0.12内测曝光小程序被加强优化
中关村在线消息:最近,微信发布了最新的Android beta 7.0.12更新,修复了一些已知的问题.这次的Android测试版有32位和64位版本,但仍然没有暗黑模式.腾讯微信团队还向开发者发布了 ...
微信公众号发送小程序卡片_如何在公众号文章中添加小程序卡片
在公众号中添加小程序卡片可以给阅读者更好的文章阅读体验,腾讯地图+小程序可以在文章内容中提供位置卡片和路线规划卡片,适用于各类含有地点信息的文章推文. 绑定腾讯地图+小程序的方法如下: 第一步:公众号 ...
微信小程序点击轮播图跳转到微信公众号文章
一.获取微信公众号文章列表要想获取微信公众号的文章列表,需要登录公众号运行账号,进行一下相关的设置. 1.1微信公众号获取文章列表 api接口文档: https://developers.weixi ...
c语言编程微信公众号图片直播,如何以图片的形式在微信公众号文章中添加小程序...
如何以图片的形式在微信公众号文章中添加小程序微信公众号中想要将自己的小程序也放进去,宣传宣传,该怎么添加?下面百分网小编带大家一起来看看详细操作教程,感兴趣的朋友一起学习吧!!!想了解更多相关信息请 ...
微信小程序可以打开公众号文章
微信今日晚间发布消息,宣布微信小程序基础能力.开发者工具全面升级,新增多项能力. 基础功能方面: 1.小程序新增打开公众号文章功能.可以打开已关联公众号的文章,不过文章内暂不支持赞赏.广告.关注公众号 ...
微信公众号文章/菜单添加小程序时路径如何获取？
公众号文章添加素材时或者在公众号菜单可以添加小程序了:添加后用户点击可以一键跳转小程序任何界面,小程序路径获取您可以前往天天外链把路径发送给天天外链即可快速获取小程序路径. 除了公众号文章以及公众号菜 ...
微信小程序如何跳转到微信公众号文章，小程序如何关联公众号或订阅号
微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号前置条件公众号最高管理权限(或能与最高权限管理者配合操作) 小程序开发权限或最高管理权限小程序方面根据官方资料描述,小程序中展示 ...
关于小程序跳转到同一主体的微信公众号文章
同一主体–>即是同一家公司注册备案的微信小程序和公众号: 在微信小程序关联公众号,即可以使用web-view 组件打开公众号文章定义导航组件 wxml <view bindtap=&qu ...
微信小程序获取微信公众号文章2
微信小程序获取微信公众号文章2 前面介绍了一篇微信小程序打开微信公众号中的文章实战教程,主要介绍了实现的具体原理,但是实际去做的时候,发现了更多的坑,所以这里再补充一下. 原先的思路是不完整的原先我 ...

微信小程序-从0到1实现小程序内打开H5链接或跳转到某个公众号文章

文章目录

一、先配置链接的域名

二、代码实现

微信小程序-从0到1实现小程序内打开H5链接或跳转到某个公众号文章相关推荐

最新文章

热门文章