更新记录

1.0.0（2019-07-25）

初始化

平台兼容性

开始使用

index页

1.在项目首页检测用户是否授权头像和昵称以及绑定手机号，若没有，则跳转到配置好的注册页面

示例代码：

<script>
    export default {
        data() {
            return {
                title: 'wsure-authorize插件Demo项目'
            }
        },
        methods: {
            isRegister() {
                //#ifndef MP
                this.register()
                //#endif
                uni.showLoading({
                    title:'登录中...'
                })
                var that = this;
                uni.getUserInfo({
                  provider: 'weixin',
                  success: function (infoRes) {
                    console.log('用户昵称为：' + infoRes.userInfo.nickName);
                  },fail() {
                    that.register()
                  },complete() {
                    uni.hideLoading();
                  }
                });
            },
            register(){
                uni.reLaunch({
                    url:'/pages/register/register'
                })
            }
        },
        onLoad() {
            console.log("success")
            this.isRegister()
        }
    }
</script>

register页

2.配置register页

示例代码：页面模板部分

    <ws-auth :phoneNumberChecked="isChecked" :pinSended="isSendPin" @sendPin="sendPinFun" @checkPhoneNumber="checkPhoneNumber"></ws-auth>

示例代码：页面逻辑部分

    import wsAuth from '@/components/wsure-authorize/authorize.vue'
    export default {
        data() {
            return {
                isChecked:0,
                isSendPin:0,
            }
        },
        components: {
            wsAuth
        },
        methods: {
            sendPinFun(e){
                console.log(e.phoneNumber)
                //模拟发送请求 1：成功发送，2：发送失败（若发送失败，请自行处理相关提示）
                setTimeout(()=>{
                    this.isSendPin = 1;
                },1000)
            },
            checkPhoneNumber(e){
                console.log(e.phoneNumber+' _ '+e.code)
                //模拟发送请求 1：成功发送，2：发送失败（若发送失败，请自行处理相关提示）
                setTimeout(()=>{
                    this.isChecked = 1;
                },1000)
            }
        }
    }

参数

@sendPin

@checkPhoneNumber

插件样式变化

@sendPin事件触发 -> 对应函数执行发送获取验证码请求 -> 根据请求状态改变 pinSended 的值（ 0:未发送 1:发送成功 2:发送失败）

@checkPhoneNumber同理