更新记录

1.0.0（2024-04-01）

1.0.0

刚发布的~

平台兼容性

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));
},