微信公众号怎样直接跳转H5页面

点击公众号直接跳转目标链接的H5页面，是微信的商品信息功能（商品消息：是特殊类型的图文消息，用户打开后跳转到商户网站的商品详情页，不经过公众平台中间页 ），14年底已经取消了，之前开通这个功能的就可以实现，其他的就不能在公众号点击直接跳转H5场景应用了。
建议给给用户推送一条带链接的文字消息，这样用户收到的是文字，但点开就是H5场景应用的页面了。
订阅号是只能点击阅读原文跳转外链，服务号的话可以在图文内插入外链。

可以先提取图文的链接地址，将链接地址直接填入到自定义菜单跳转的URL。
将图文在手机微信上打开，点击右上角3个点，选择复制链接，然后通过qq、邮箱等将链接地址发到电脑上。然后按照以下步骤 *** 作：
1 登录公众账号，如果还没有开通自定义菜单，可以点击左侧 添加功能插件 ，进入后找到自定义菜单，选择开通。
2 点击左侧的自定义菜单，进入后需要先点击开启。
3 开启后可以进行菜单的编辑功能。
4 菜单最多可以设计两级，如果有二级菜单，则对应的一级菜单不同设计响应。
5 菜单的响应有两种“发送信息”和“跳转到网页”。
6 点击 跳转到网页 将复制的链接地址粘贴在URL栏中即可。

1、在微信开发者工具中，打开appjson文件，在pages数组中增加showwxml页面相关文件的代码，以加粗显示，代码如下：

{

"pages":[

"pages/index/index",

"pages/show/show",

"pages/logs/logs"

],

"window":{

"backgroundTextStyle":"light",

"navigationBarBackgroundColor": "#ccc",

"navigationBarTitleText": "WeChat",

"navigationBarTextStyle":"black"

}

}

2、在indexwxml文件中，在类为usermotto的view组件中添加绑定属性catchtap='enterShow'，以加粗显示，代码如下：

<!--indexwxml-->

<view class="container">

<view class="userinfo">

<button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>

<block wx:else>

<image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfoavatarUrl}}" background-size="cover"></image>

<text class="userinfo-nickname">{{userInfonickName}}</text>

</block>

</view>

<view class="usermotto" catchtap='enterShow'>

<text class="user-motto">{{motto}}</text>

</view>

</view>

3、在indexjs文件中，将data中motto的值改为“点击进入”。编写实现跳转的自定义函数enterShow，加粗显示，代码如下：

//indexjs

//获取应用实例

const app = getApp()

Page({

data: {

motto: '点击进入',

userInfo: {},

hasUserInfo: false,

canIUse: wxcanIUse('buttonopen-typegetUserInfo')

},

//事件处理函数

enterShow:function(){

wxnavigateTo({

url: '/show/show',

})

4、 在showwxml中，输入跳转后页面显示的信息，代码如下：

<view>

<text>这是跳转后的页面</text>

</view>

5、然后在indexxwml中点击测试就可以了。

说明：在上面的页面跳转自定义函数enterShow中，也可以使用wxredirectTo实现跳转。两者的区别:redirectTo将关闭当前页面，跳转到指定页面，页面左上角没有返回的箭头按钮；而navigateTo将保留页面，跳转到指定页面，页面左上角有返回的箭头按钮。

扩展资料

其实在小程序后台很早就有个wxopenUrl的函数，普通开发者没有调用权限，这次微信给自家的小程序开放权限，旨在测试这一功能可能的风险。因为这一功能如果全部开放，将会给小程序用户带来很大的安全隐患。居心不良的开发者可能会将用户引流至一些不安全页面。

小程序的审核难度也会变得很大。因为微信除了审核小程序本身的页面跳转和内容，还需要审核外链的链接，并且还不一定能够审核清楚。

---