首页手记 uni-app实现Android分享到微信朋友圈和微信...

uni-app实现Android分享到微信朋友圈和微信好友，附DEMO和源码

标签：

Android

代码

5、打开pages/index/index.vue，拷贝下面代码进去

<pre class="prettyprint hljs xml" style="padding: 0.5em; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(68, 68, 68); border-radius: 4px; display: block; margin: 0px 0px 1.5em; font-size: 14px; line-height: 1.5em; word-break: break-all; overflow-wrap: break-word; white-space: pre; background-color: rgb(246, 246, 246); border: none; overflow-x: auto; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><template>
    <view class="content">
            <form @submit="formSubmit" @reset="formReset">
                    <input class="uni-input" name="title" placeholder="文章标题"/>
                    <input class="uni-input" name="miaoshu" placeholder="文章描述"/>
                    <input class="uni-input" name="imgurl" placeholder="图片地址"/>
                    <input class="uni-input" name="url" placeholder="跳转链接"/>
                    <button formType="submit">分享到微信群或好友</button>
                    <button type="default" formType="reset">清空以上信息</button>
                    <view class="banquan">里客云科技开发</view>
                    </form> </view></template><script> export default {
                   data() { return {} },  // 执行事件
         methods:{                   formSubmit:function(e){                  var title = e.detail.value.title;                 var miaoshu = e.detail.value.miaoshu;                 var imgurl = e.detail.value.imgurl;                 var url = e.detail.value.url;
                 uni.share({                    provider: "weixin",                    scene: "WXSceneSession",                    type: 0,                    href: url,                    title: title,                    summary: miaoshu,                    imageUrl: imgurl,                    success: function (res) {console.log(JSON.stringify(res));
                    uni.showToast( title: '已分享',duration: 2000 });
                    }, fail: function (err) { var errrr = JSON.stringify(err);                    if(errrr){
                    uni.showModal({                     title: '表单不能留空',                     content: '请完善所有信息再发起分享',                     success: function (res) {                     if (res.confirm) { console.log('用户点击确定');
                        } else if (res.cancel) {                      console.log('用户点击取消');
                     }}
                     });
                     }
                    }
                });
            },
        },
    } </script><style> *{margin: 0;padding: 0;}    .content{        width: 100%;        margin: 20px auto;
    }    .content .uni-input{        width: 80%;        height: 45px;        margin: 8px auto;        border: 1px solid #ccc;        margin-bottom: 8px;        padding-left: 8px;        border-radius: 10px;        font-size: 16px;        color: #333;
    }    .content button{        width: 80%;        height: 45px;        line-height: 45px;        margin: 8px auto;        border: 1px solid #ccc;        margin-bottom: 8px;        padding-left: 8px;        border-radius: 10px;        font-size: 16px;        color: #fff;        background: #56b273;        border: none;
    }    button::after{ border: none;}    .content .banquan{        text-align: center;        margin-top: 50px;        font-size: 15px;        color: #666;
    } </style></pre>

6、打开manifest.json，点击App模块权限配置，给Share（分享）打勾，代表我们给这个App注入一个分享权限。