uni.showModal(OBJECT)

1 参数

OBJECT参数说明

2 代码示例

确认提示框代码：

uni.showModal({  
title:"title",// 标题  
content:"content",// 内容  
showCancel:true // 可以不要  
});

3 回调

3.1 成功（res.xxxx)

3.2 失败（err.xxxx）

无参数。（errCode,errMsg等还是有的）

3.3 完成

无参数。

4 提醒

• OBJECT.showCancel参数可以不要

我们的ipa文件打包完后，分adhot测试或app store两种类型。

而对于app store类型的文件，我们需要将它上传到苹果的开发者中心，然年在开发者中心发布版本，但是发布到开发者中心却相当麻烦，需要使用mac电脑，万一我们没有mac电脑怎么解决？

可以使用免费的上传网站：香蕉云编

https://www.yunedit.com/ipadetail

这个网站可以帮你在线上传你的ipa文件上去苹果开发者中心，而无需使用mac电脑。

对于adhot类型，我们需要将这个ipa文件下载到用户手机测试，十分麻烦，需要使用itunes或者自己搭建https服务，配置xml文件。

我们也可以使用香蕉云编这个网站的应用内测功能，上传你的ipa文件，它会帮你生成一个二维码，添加了udid的手机扫码就可以安装测试。

uniapp开发微信小程序获取用户手机号

功能描述：微信小程序，点击微信第三方登录，获取到当前用户绑定的手机号与openId（或unionid），请求后端接口实现登录。

功能拆分逻辑：

1. 点击某个按钮，弹出请求微信授权界面。
2. 点击允许按钮，获取用户微信绑定的手机号与openId
3. 请求后端接口，实现登录。

主要重点还是在前两步。我们来看一下实际的实现

创建getPhoneNumber按钮

依据微信小程序开发文档描述，小程序官方文档，先写一个button按钮，open-type 设为 getPhoneNumber，在uniapp页面中创建按钮：

代码示例

<button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">唤起授权</button>

:warning:注意：
小程序官方的写法如下，但我们在uniapp想要触发按钮点击，并进行后续操作的话，建议使用上面的写法。

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

调用 wx.login 接口,获取code

:warning: 根据官方文档描述，要想获取加密的手机号码，必须要先登录，所以我们在页面的 onload 中调用微信登录接口,并获取code。
代码示例：

onload(){  
    wx.login({  
        success: (res) => {  
            if (res.code) {         //微信登录成功 已拿到code  
                // ...doSomething  
            } else {  
                console.log('登录失败！' + res.errMsg)  
            }  
        }  
    })  
}

用 code 换取 session 和 openId

在获取到登录成功后微信返回的 code 后，我们要用 code 换取 session 和 openid/unionid
换取方式有两种：

1. 第一种不借助后端（不推荐）
2. 第二种借助后端

   1.不借助后端获取

   不借助后端获取，就是你必须知道你小程序的 APPID 和 secret，这个可以在 小程序控制台->开发->开发设置 中看到，然后用 APPID secret 以及上一步获取到的 code 请求微信的 auth.code2Session 接口，获取 session 和 openid auth.code2Session文档

:warning:这样做的话你的小程序的 APPID 和 secret会明文出现在前端代码中，有泄漏风险

改造上面的onload事件
代码示例：

onload(){  
    wx.login({  
        success: (res) => {  
            if (res.code) {         //微信登录成功 已拿到code  
                this.jsCode=res.code        //保存获取到的code  
                uni.request({  
                    url: 'https://api.weixin.qq.com/sns/jscode2session',  
                    method:'GET',  
                    data: {  
                        appid: 'wx********',        //你的小程序的APPID  
                        secret: 'xxxxxxxxxx',       //你的小程序的secret,  
                        code: res.code              //wx.login 登录成功后的code  
                    },  
                    success: (cts) => {  
                        // 换取成功后 暂存这些数据 留作后续操作  
                        this.openid=cts.data.openid     //openid 用户唯一标识  
                        this.unionid=cts.data.unionid     //unionid 开放平台唯一标识  
                        this.session_key=cts.data.session_key     //session_key  会话密钥  
                    }  
                });  
            } else {  
                console.log('登录失败！' + res.errMsg)  
            }  
        }  
    })  
}

:warning:注意：
1.如果请求 jscode2session 接口失败，请在你的 小程序后台【request合法域名】中添加https://api.weixin.qq.com

1. unionid 并不是每个账号都会返回，必须要在满足 UnionID 下发条件的情况下会返回，详见 UnionID 机制说明。

2.借助后端获取

借助后端获取实际上就是让后端给你一个接口，你请求后端的接口，后端再去请求微信的 jscode2session,这样你前端只需要提交code 就可以。APPID和secret都是保存在后端，不容易泄漏。
例如，我的后端开发了个接口 https://www.xx123.com//common/unionId.do,我只需要把上面代码中的请求的地址和参数换一下就可以了。
代码示例

onload(){  
    wx.login({  
        success: (res) => {  
            if (res.code) {         //微信登录成功 已拿到code  
                uni.request({  
                    url: 'https://www.xx123.com//common/unionId.do',        //演示地址，请以你的后端接口为准  
                    method:'POST',  
                    data: {  
                        code: res.code              //wx.login 登录成功后的code  
                    },  
                    success: (cts) => {  
                        // 换取成功后 暂存这些数据 留作后续操作  
                        this.openid=cts.data.openid     //openid 用户唯一标识  
                        this.unionid=cts.data.unionid     //unionid 开放平台唯一标识  
                        this.session_key=cts.data.session_key     //session_key  会话密钥  
                    }  
                });  
            } else {  
                console.log('登录失败！' + res.errMsg)  
            }  
        }  
    })  
}

按钮点击触发事件 onGetPhoneNumber

做完以上几个步骤后，我们终于可以拿到加密的用户信息了，在页面的 methods 中创建点击触发事件，注意判断一下用户是否拒绝授权

代码示例：

methods:{  
    onGetPhoneNumber(e){  
        if(e.detail.errMsg=="getPhoneNumber:fail user deny"){       //用户决绝授权  

            //拒绝授权后弹出一些提示  

        }else{      //允许授权  
            console.log(e.detail.encryptedData)  
            e.detail.encryptedData      //加密的用户信息  
            e.detail.iv     //加密算法的初始向量  时要用到  
        }  
    }  
}

控制台打印出来的加密信息：

解密用户信息

用户信息我们拿到了，加密的，接下来我们如何解密呢？
解密方式主要有3种，第三种因为条件有限，我暂时无法尝试。主要还是讲讲前两种

1. 前端解密
2. 后端解密
3. 云开发解密（只适用于开通云开发的小程序）

1.前端解密

(1) 安装 crypto-js

使用npm 安装 crypto-js

安装命令：

npm install crypto-js

（2）下载 WXBizDataCrypt.js 文件

WXBizDataCrypt.js微信官方下载地址

下载解压后你会发现原来是后端文件:grin::grin::grin:，没关系。

打开Node文件夹，把 WXBizDataCrypt.js 文件放入你的项目中。（比如我是放在我的common文件夹下）

在需要解密的页面引用该文件

import WXBizDataCrypt from "@/common/WXBizDataCrypt.js";        //请以你的实际地址为准

（3）调用解密

改造 onGetPhoneNumber 方法，注意此处还是要用到小程序的APPID

代码示例：

methods:{  
    onGetPhoneNumber(e){  
        if(e.detail.errMsg=="getPhoneNumber:fail user deny"){       //用户决绝授权  

            //拒绝授权后弹出一些提示  

        }else{      //允许授权  
            let pc = new WXBizDataCrypt('wxXXXXXXX',this.session_key);           //wxXXXXXXX为你的小程序APPID  
            let data = pc.decryptData(e.detail.encryptedData , e.detail.iv);  

            console.log(data)       //data就是最终解密的用户信息  

            //后续操作。。。  

        }  
    }  
}

解密后的用户信息：

前端解密会在前端有泄漏小程序APPID的风险
（因为我们的后端是java，官方没有dome文件，所以只能前端解密了） :sob::sob:

2.后端解密

后端解密就是同样的让后端创建一个接口，前端请求这个接口，提交 encryptedData iv 和 session_key 让后端给你返回解密后的信息。

代码示例：

methods:{  
    onGetPhoneNumber(e){  
        if(e.detail.errMsg=="getPhoneNumber:fail user deny"){       //用户决绝授权  

            //拒绝授权后弹出一些提示  

        }else{      //允许授权  
            uni.request({  
                url: 'https://www.xx123.com//common/decode.do',        //演示地址，请以你的后端接口为准  
                method:'POST',  
                data: {  
                    iv:e.detail.iv,  
                    encryptedData: e.detail.encryptedData ,             
                    session:this.session_key,         
                },  
                success: (res) => {  
                    console.log(res.data)       //res.data 即为后端返回的解密数据  
                }  
            });  

        }  
    }  
}

完整代码示例下载

index 页面为前端处理 ，page2 页面为后端处理

关键点在于uni.login所获取的code与获取用户信息（iv,encryptedData）先后问题，解决方案就是在获取用户信息之后再获取code一并提交服务器进行解密！

<button class="auth-item" open-type="getUserInfo" @getuserinfo="bindGetUserInfo">

             bindGetUserInfo(u) {  
                const _this = this;  
                if ('getUserInfo:ok' != u.detail.errMsg) {  
                    _this.er('获取用户信息失败');  
                    return false;  
                }  
                //login之后再获取用户信息，不然会解密偶发失败  
                uni.login({  
                    provider: 'weixin',  
                    complete(e) {  
                        if ('login:ok' != e.errMsg) {  
                            _this.er('获取用户登录状态失败');  
                            return false;  
                        }  
                        //获取用户信息  
                        uni.getUserInfo({  
                            complete(userInfo) {  
                                if ('getUserInfo:ok' != userInfo.errMsg) {  
                                    _this.er('获取用户信息失败');  
                                    return false;  
                                }  
                                //这里把数据提交给服务器解密  
                                _this.wxSendLogin({  
                                    iv: encodeURI(userInfo.iv),  
                                    code: encodeURI(e.code),  
                                    encryptedData: encodeURI(userInfo.encryptedData)  
                                });  
                            }  
                        })  
                    }  
                });  

            },

封装的app 如何使用plus.runtime.openURL打开手机自带浏览器

纯uniapp 隐私协议什么的都要有，功能最好可以在线开关，审核时去掉一些复杂的功能，上线后再打开，这样大家都开心（apple审核人员和你）。权限尽量少，比国内android那些市场上线还快。

来源：（DCloud_App_Array）
留个记录 方便快速查找

监听宿主App发送事件 onNativeEventReceive 官方文档说event是String字符串类型，但是用字符串打包会报错语法错误，最后去掉引号就打包成功了

A页面导航至B页面
需要在B页面调用A页面的方法
借助vuex

 pageA:{}

A页面onLoad时:

this.$store.state.pageA = this;  

B页面内调用A页面方法:

this.$store.state.pageA.doSth()  

由于创业失败，现出售一套购物系统，
微信小程序（可多端运行）
管理后台：thinkphp5
后端：thinkphp3开发的接口
商户平台

具体可扫码体验，

需要的微信联系：y344875733(加好友时说明来意)

如需要在DCloud的开发者群体里投放广告，面向开发者群体宣传。可发邮件联系：bd@dcloud.io。

DCloud开放的投放推广点位如下：

1、问答社区内容信息流、底部、右边栏

2、插件市场（ext.dcloud.net.cn）首页置顶
在最新上架的列表中置顶，包括分页置顶。

3、插件市场（ext.dcloud.net.cn）首页右边栏

4、DCloud产品QQ交流群群推消息
DCloud几十个QQ群，10万群友。

5、HbuilderX 运行和发行控制台头条位置

6、DCloud 公众号推送文章二条位置

以上点位推广针对插件市场作者有额外政策支持，详询：bd@dcloud.io 。*插件作者推广时禁止在插件详情页加入其它非插件说明的推广信息。如：其它插件、其它产品广告等。

onReady() {  
            // 设置状态栏样式，使其更加美观  
            plus.navigator.setStatusBarStyle("dark");  
        },  
        onShow() {  
            // 设置状态栏样式，使其更加美观  
            plus.navigator.setStatusBarStyle("dark");  
        }  

原页面onReady时设置样式,
导航至其他页面,回退后
原页面触发onShow再次设置.
就不会出现黑白切换效果