美文网首页
uni-app 微信小程序获取用户手机号、自定义分享内容

uni-app 微信小程序获取用户手机号、自定义分享内容

作者: 壹点微尘 | 来源:发表于2022-01-11 16:02 被阅读0次

    一.获取手机号

    • 1.1 使用方法
      需要将 button 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber 事件回调获取到动态令牌code,然后把code传到开发者后台,并在开发者后台调用微信后台提供的 phonenumber.getPhoneNumber 接口,消费code来换取用户手机号。每个code有效期为5分钟,且只能消费一次。

    • 1.2 注意:目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限。

    <button type="default" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">获取手机号</button>
    
    methods:
    onGetPhoneNumber(e) {
        // 注意:目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限。
        if (e.detail.errMsg == "getPhoneNumber:ok") {
            console.log("用户点击了接受")
            console.log(e.detail);
            // 然后把code传到后端,并在开发者后台调用微信后台提供的 phonenumber.getPhoneNumber接口,消费code来换取用户手机号。
    
        } else {
            console.log("用户点击了拒绝")
        }
    }
    

    二.自定义分享内容

    onShareAppMessage(OBJECT)

    用户可以通过小程序右上角原生菜单自带的分享按钮或者页面中放置的分享按钮(<button open-type="share">)完成自定义内容分享

    注意: onShareAppMessage 处理函数与onLoad等生命周期函数同级
    自定义的分享按钮:
    <button open-type="share">分享</button>
    
    js代码:
    <script>
        export default {
            // 自定义分享内容
            onShareAppMessage(res) {
                if (res.from === 'button') {
                  console.log(res.target)
                }
                return {
                  title: '我是分享标题',
                  content:'吱口令文案',
                  desc:'自定义分享描述',
                  path: '/pages/index/index?id=123'
                }
              },
            data() {
                return {
                    title: 'Hello',
                    code: null,
                }
            },
            onLoad() {
    
            },
            methods: {
                
            }
        }
    </script>
    

    相关文章

      网友评论

          本文标题:uni-app 微信小程序获取用户手机号、自定义分享内容

          本文链接:https://www.haomeiwen.com/subject/ifnbcrtx.html