微信小程序> 微信小程序页面带参海报分享组件WxPoster

微信小程序页面带参海报分享组件WxPoster

浏览量:622 时间: 来源:别打名名

目录

  • WxPoster
  • 特点
  • 组件截图
  • 快速入手
  • Demo
  • TODO
  • License

WxPoster

github链接: https://github.com/yicm/WxPoster

WxPoster,使用简单,只需要将组件嵌入到想要分享的页面,传入页面路径和标题就可以生成漂亮的带小程序码的分享海报。

特点

  • 多海报模板支持
  • 动态设置
    • 分享引导语自定义
    • 分享者昵称(默认获取微信昵称)自定义
    • 分享海报的背景图片自定义
    • 支持海报文字颜色的设置(目前黑白)
    • 标题、昵称、引导语显示与否的设置
  • 组件形式,方便集成
  • 友好的UI界面和交互界面
  • 自适应自定义背景图片
  • 支持微信用户信息获取

组件截图

下图为WxPoster嵌入式到具体博客中显示的效果。

小程序

小程序

小程序

快速入手

  • 准备(需设置内容可搜索MUST_SET关键词快速找出)
    • 百度短地址token获取(因小程序码A/C功能函数path限制长度128字节,页面参数中包含网址短地址化)
    • 创建云函数WxQRCode获取页面小程序码(需要设置appid和secret)
  • 集成
    • github 克隆下工程,参考集成示例

WxPoster组件属性说明:

pageUrl: 分享的页面路径,如pages/index/indexpageTitle:分享页面的主题或标题,该属性为页面的参数,可选择设置pageContentUrl: 分享页面的内容URL,该属性为页面的参数,可选择设置

Demo

小程序小白AI博客引WxPoster组件示例,每篇文章页面均有嵌入该组件:

小程序

TODO

  • 多模板多样式
  • 海报细节设置,如多颜色字体

License

MIT

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎