h5页面微博里面打开 怎样做分享到微信的功能

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5页面微博里面打开 怎样做分享到微信的功能相关的知识,希望对你有一定的参考价值。

今天给大家介绍几个招式:招式一 图文消息底部输入添加阅读原文链接,用户点击左下角阅读原文可以跳转到指定场景页面(要求:认证的订阅号、)Step 1 点击群发功能Step2 新建图文消息Step 3 编辑图文消息,在“原文链接”处设置需要展示的场。 参考技术A 一般是需要调用微信分享权限,需要H5里添加一个分享按钮,点击时显示即可,这种一般需要开发人员调用下接口。

微信二次分享功能开发笔记

  最近的一个项目在进行二次分享的时候出现了问题,定制的文案描述及图片都不能在分享后出现,如图所示:

                         

经过十八般折腾,终于变成我想要的样式了,如图:

                           

下面讲讲具体如何实现的。

    首先,明白我们的需求是使由app分享到微信后的页面可以使用微信的二次分享功能做定制化的分享(如图所示)

                              

然后开始着手做相关功能开发。

  根据微信开发文档,知晓我们需要调用微信的api,获取对应的分享功能(朋友、朋友圈、qq)等,还需要一个对应的公众号或者服务号。理清思路后,接下来介绍关于各部分的具体处理,见下:

    本地代码处理
    1. 公共号的app_id, app_secret生成accesstoken
    2. 发送account=“****”以及经64转码的分享链接进行ajax请求api.ffan.com/ffan/v2/wechat/accessToken
    3. 根据获得的data设置wx.config({…}),wx.ready(function(){分享到朋友圈/qq...})                                                            
    公众号/订阅号处理:
    1. 在公众号设置——功能设置——JS接口安全域名里,设置需要进行分享的域名白名单
    2. 在开发——基本配置里,设置开发者密码(不要轻易改变)
    3. 并设置ip白名单(发送请求获得accesstoken的机器ip地址),一般即公司的外网出口
    4. 自己公司的或者用微信提供的api获取access_token
  综上,我们知道微信二次分享定制化需三条件
    1. 使用微信sdk,官方方法设置分享
    2. 有可使用的微信服务号或者公众号,且保证分享链接的域名在此号的授权域中
    3. 授权域的相关目录里有相应号中的授权校验文件

以上是关于h5页面微博里面打开 怎样做分享到微信的功能的主要内容,如果未能解决你的问题,请参考以下文章

h5怎么做分享到QQ 朋友圈微信 微博等功能

html5页面打开 微信 并分享

H5分享到微信好友朋友圈QQ好友QQ空间微博二维码

关于JS交互--调用h5页面,点击页面的按钮,分享到微信朋友圈,好友

h5分享微信小程序到朋友圈

vue实现将自己网站(h5链接)分享到微信中形成小卡片(超详细)