更新记录

1.0.0(2024-04-01) 下载此版本

1.0.0

刚发布的~


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.10 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

yuan-wordpress-app

wordpress的H5链接封装,读取页面分享信息,转发到微信APP,好友、朋友圈、收藏

主要功能

  • 可以监听H5点击后跳转的任何页面,并获取页面的内置js,能获取访问的页面链接,页面标题。
  • 增加手势滑动返回。
  • 内置web-view 显示H5链接。
  • 漂浮的图标让使用者,将访问的页面转发到微信。
  • 监听返回按钮和手势,兼容苹果安卓。
  • 添加了顶部的状态栏高度

最好是wordpress的H5,如果是其它页面,需要页面里面有这段代码,或者自行编辑读取。

<script type="text/javascript">
    window.WeChatShareDate = {
        appId: 'wxfa2d3123323e',
        timestamp: '1711983011',
        nonceStr: 'KPb9Kv32323aZ1YX',
        signature: '384a4d8b57037e3233232323eb25dc',
        url: 'https://rongmeiquan.com.cn/',
        title: '融媒圈',
        img: 'https://rongmeiquan.oss-cn-shenzhen.aliyuncs.com/my-bucket/2024/02/99f8ce314120240228214914.png',
        desc: '融媒圈数字营销社区助力品牌营销驱动利润增长',
    }
</script>

这里获取share的值

onLoad(option) {
    setInterval(() => {
        this.$refs.webview.evalJs(`console.log('sasoaisa');uniweb.postMessage({
            data: { 
                title:document.title,
                url:window.location.href,
                share:window.WeChatShareDate,
            }
        })`)
        this.$refs.webview.evalJs(` window.postMessage('nihao', '*')`)
        this.addScript();
    }, 500);
},

这里将获取的share赋值到分享的参数中

handlePostMessage: function(data) {
    // console.log("接收到消息:");
    this.href = data.detail.data[0].url;
    this.title = data.detail.data[0].title;
    if(data.detail.data[0].share.img != 'undefind'){
        this.share_image = data.detail.data[0].share.img;
    }
    // console.log("接收到消息:" + JSON.stringify(data.detail));
},

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问