Giter Site home page Giter Site logo

1006008051 / wxposter Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yicm/wxposter

0.0 1.0 0.0 21.09 MB

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

License: MIT License

JavaScript 100.00%

wxposter's Introduction

WxPoster

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

特点

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

组件截图

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

快速入手

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

WxPoster组件属性说明:

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

Demo

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

TODO

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

License

MIT

wxposter's People

Contributors

yicm avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.