PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HBuilderX教程 > 正文

    Hbuilder MUI第三方授权登录插件配置

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:云端打包授权登录功能需要到第三方开发平台申请应用后获取相关配置参数,目前支持的授权登录平台包括:1. 微信:微信开放平台2. QQ:腾讯...
    云端打包授权登录功能需要到第三方开发平台申请应用后获取相关配置参数,目前支持的授权登录平台包括:

    1. 微信:微信开放平台

    2. QQ:腾讯开放平台

    3. 微博:新浪微博开放平台

    双击应用的manifest.json文件:
    Hbuilder MUI第三方授权登录插件配置

    按照以下方法配置第三方登录模块。

    添加第三方登录模块


    • 可视化界面配置

      切换到“模块权限配置”项,在“未选模块”中选择“OAuth(登录鉴权)”添加到“已选模块”:
      Hbuilder MUI第三方授权登录插件配置

    • 代码视图配置

      切换到“代码视图”项,在permissions节点下添加如下OAuth节点数据:

            "OAuth": {
                "description": "登录授权"
            }
    

    Hbuilder MUI第三方授权登录插件配置

    配置各授权登录通道


    • 可视化界面配置

      切换到“SDK配置”项,在“plus.oauth-登录鉴权”区域配置需要使用的登录平台及其参数:
      Hbuilder MUI第三方授权登录插件配置

      ** 勾选要使用的登录平台并配置正确的参数 **

    • 代码视图配置

      切换到“代码视图”项,在plus -> distribute -> plugins节点下添加如下OAuth节点数据:

                    "oauth": {
                        "weixin": {
                            "appid": "wx**********",
                            "appsecret": "*****************",
                            "description": "微信登录"
                        },
                        "qq": {
                            "appid": "*********",
                            "description": "QQ登录"
                        },
                        "sina": {
                            "appkey": "**********",
                            "appsecret": "*****************",
                            "redirect_uri": "http://*****************",
                            "description": "新浪微博登录"
                        }
                    }
    

    Hbuilder MUI第三方授权登录插件配置


    • 登录平台参数说明


    1. 微信登录

      appid:微信开放平台申请应用的AppID值;
      appSecret:微信开放平台申请应用的AppSecret值。

    2. QQ登录

      appid:腾讯QQ开放平台申请应用的AppID值。

    3. 微博登录

      "appkey": "新浪微博平台应用appkey";
      "appsecret": "新浪微博平台应用appsecret";
      "redirect_uri": "新浪微博平台应用授权回调页地址"。

    配置完成后Ctrl+S保存提交App云端打包生效
    Android平台离线打包Oauth模块配置教程
    iOS平台离线打包Oauth模块配置教程

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-146-3183-1.html
    相关热词搜索: