第7行: | 第7行: | ||
目前,微博已经上线了分享到微博自定义组件、热门视频流插件两个开放产品。 | 目前,微博已经上线了分享到微博自定义组件、热门视频流插件两个开放产品。 | ||
− | + | ||
下面我们来体验一下这些组件,使用微信扫描下面的二维码,即可进入组件体验小程序。 | 下面我们来体验一下这些组件,使用微信扫描下面的二维码,即可进入组件体验小程序。 | ||
<div style="width:230px;margin:30px auto 0;"> | <div style="width:230px;margin:30px auto 0;"> | ||
− | {{Img_polaroid|src= | + | {{Img_polaroid|src=http://wx2.sinaimg.cn/large/53b515f0ly8gptjo5idcgj208008040c.jpg}} |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
2021年4月23日 (五) 12:03的最后版本
微信小程序内的微博组件
微信小程序内的微博组件,是一组微博开发的微信小程序组件、或者插件,可以让你的微信小程序实现分享到微博、与微博连接等功能。
目前,微博已经上线了分享到微博自定义组件、热门视频流插件两个开放产品。
下面我们来体验一下这些组件,使用微信扫描下面的二维码,即可进入组件体验小程序。
接入指南
如果你还没有 AppKey 请先在微博开放平台网站创建你的应用,申请入口。
之后,你需要到 我的应用 的 高级信息 页面,关联你的微信小程序设置,使用微博组件,你至少需要关联你的微信小程序名称、原始ID、APPID、和小程序码,这些信息决定着分享内容是否能回流到你的微信小程序,因此请务必填写准确。
分享组件接入
在你的 微信小程序 中,可以通过 微博分享组件 ,将内容分享到微博,在微信的微博小程序内,点击分享内容里的链接,可以直接回到你的 微信小程序 对应的页面。而在微博客户端内点击链接,可以打开对应的H5页面,如果你的小程序没有对应的H5页面,则会显示你的小程序二维码,引导用户到你的 微信小程序 内查看。
{ "usingComponents": { "WB-shareButton": "/components/WB-shareButton/WB-shareButton" } }
<WB-shareButton ak="{{appkey}}" shareData="{{share}}"><view class="share_button">分享到微博</view></WB-shareButton>
Page({ data: { appkey: "你在微博开放平台上已经关联微信小程序的APPKEY", share: { content: "我是分享的文字", title: "我是分享的页面标题", image_url: "我是分享的页面的卡片预览图的图片地址,建议200 × 200像素", h5_url: "我是分享的页面对应的H5页面地址,如果小程序没有对应的H5页面,可以为空" } }, ... })
至此,你已经完成了微信小程序内,微博分享组件的集成,下面赶紧去试试分享到微博把。
热门视频插件接入
在你的 微信小程序 中,可以通过 热门视频插件 ,十分方便的在你的小程序里,实现目前特别流行的沉浸式全屏视频流功能,提升小程序的用户粘性和停留时长。
{ "plugins": { "WBPlugin": { "version": "1.0.0", "provider": "wx501c3c6e8f8dfcaf", "export": "wbConfig.js" } } }
以上示例中,插件的引用名(WBPlugin),使用者可以自定义,此文档内我们将以 WBPlugin 为例,也建议开发者这样命名。
而 wbConfig.js 文件是开发者传递给微博插件的配置文件,使用者也可以自定义文件名和存放位置,但是请注意填写正确的文件路径,比如配置文件命名为 abc.js,存放在小程序根目录下的 x 文件夹下,则引用路径为 "x/abc.js",此文档内我们也将以 wbConfig.js 为例。
module.exports = { debug: true, appkey: '使用者的微博开放平台APPKEY', openid: function() { // 使用者拿到当前访问用户的openid,返回给插件 return "当前访问用户的openid" }, toMiniProgram: wx.navigateToMiniProgram }
其中,appkey 是使用者在微博开放平台申请的APPKEY。openid 定义一个Function,函数里获取到使用者小程序内的当前访问用户的openid,然后返回给插件。toMiniProgram 则需要使用者把 wx.navigateToMiniProgram 方法返回给插件,方便插件在个别必要的场景下,跳转回使用者的小程序。
{ "usingComponents": { "WB-videoTimeline": "plugin://WBPlugin/WB-videoTimeline" } }
<WB-videoTimeline></WB-videoTimeline>
热门视频组件,使用者可以通过外层包裹<view>,来实现自定义组件的高度和位置。
至此,你已经完成了微博热门视频插件的接入,点击视频就会进入目前特别流行的沉浸式全屏视频流功能,提升小程序的用户粘性和停留时长。