小程序(H5)连接微信公众号

H5打开指定的微信公众号

H5页面跳转微信公众号解决方案

关注和未关注公众号时，跳转对应的关注页面

H5接入微信公众号方法（超详细）

公众号文章链接，输入要跳转的公众号名称，点击搜索。

公众号主要用于信息的传递实现人与信息的连接，借助H5 能够实现简单的交互，主要以营销和信息传递为主简单的服务为辅，而小程序从功能上与公众号有严格区分（不支持关注、消息推送等营销手段），一方面使得产品与服务不至于淹没在公众号营销信息中，另一方支持公众号、朋友圈、群与小程序之间的互动与导流，使得开发者专心做产品与服务，从而为微信带来大量长尾服务叠加微信自身重度服务打造从社交到信息连接再到服务的生态圈。整个过程非常简单，当然了，这只是测试的沙盒环境，如果想应用到正式，必须有自己的独立服务器和域名才能使用。

我这里是直接在pay.js中onload方法中先获取从H5页面跳转传过来的参数，再调用wx.login获取用户临时code，然后通过wx.request用该code调用H5统一下单接口以及签名等操作(原H5会有的)。支付成功后，可以跳转到对应的H5页面（需要在小程序中定义对应的webview页面）正式发布后需要用到，开发与体验版调试时，因为不校验域名，不会有问题，不配置的话会在正式发布后唤起失败无反应。可模拟器上调试，可真机调试，真机调试时，会生成开发版，扫码后在手机上测试运行结果。

业务提出需求，要实现H5跳转微信小程序的需求，在浏览器、微信环境下，都能通过H5跳转进入小程序。另外，本文也将微信小程序跳转到H5，以及微信小程序跳转到微信小程序的方法进行汇总。对于，微信公众号跳转微信小程序、微信小程序跳转微信公众号，本文不会涉及。

微信网页直接跳转关注公众号页面，本文教大家快速的实现在微信H5跳转微信公众号关注页面，把公众号关注页面生成一个网址，直接跳转到微信公众号关注页面。

H5 移动端 打开微信小程序

一、打开想要跳转到的微信公众号的任何一篇文章（在微信电脑端打开，然后后去自己用的合适的浏览器）需求：点击按钮或者某个地方，弹出关注公众号的页面。（h5跳转到微信公众号）需要什么：通过window.location.href来进行跳转。获取到这个__biz的值，拼接到以下链接中。因此，需要一个微信公众号链接。

通过接口修改了菜单配置可通过接口配置发布菜单。

服务号订阅通知按钮：wx-open-subscribe 注意事项和参数说明等，这些直接看官网https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#23 在vue 环境下，需要js 动态创建wx-open-subscribe 这个标签，不能按照官网的直接在页面里面写， 首选在页面你需要展示的地方写个dom元素 <div id="sub"> 这里是放订阅消息按钮的，标签i.

指的是下拉刷新时拉下来部分的背景颜色，需要先打开下拉刷新"enablePullDownRefresh":true，再下拉才能看见。对比一下，发现改变的是刷新时三个点的颜色，选dark时可以看到三个点轮流改变黑白的刷新动画，而选择light时动画就不明显了。页面配置写在每个页面的.json文件里，全局配置写在app.json文件里。即省略了导航栏标题，页面占据导航栏的位置，之前设置的导航栏背景颜色也失效了。注意到不仅导航栏标题的颜色改变了，连上方的时间和电量的颜色也改变了。默认值为#ffffff（白色）

H5跳转微信公众号

通过微信H5进入微信公众号 最终主要代码 <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUzOTk0MDMzNQ==#wechat_redirect">跳转到我的公众号吧</a> 体验链接 http://test.wangyc.top/test/open_wxgghao/m...

简单说一下流程： 在页面带参数跳转到https://mp.weixin.qq.com/mp/subscribemsg ，然后用户授权确认或者取消以后，会返回参数里面 redirect_url 的地址，并且带上openid 等相应参数，在前端的页面判断链接里面携带了相关参数后就告诉后端，用户订阅消息的结果，最后由后端触发订阅消息的发送，后端调用https://api.weixin.qq.com/cgi-bin/message/template/subscribe?access_token=ACCESS_..

订阅号只能把H5的链接放入图文消息里面，只有服务号才能把链接放在菜单栏，使用微信JSSDK调用微信接口，文档地址