四、生成授权页

4.1 官方说明

参数

必填

参数说明

component_appid

是

第三方平台方 appid

pre_auth_code

是

预授权码

redirect_uri

是

回调 URI

auth_type

否

要授权的帐号类型， 1 则商户扫码后，手机端仅展示公众号、2 表示仅展示小程序，3 表示公众号和小程序都展示。如果为未制定，则默认小程序和公众号都展示。第三方平台开发者可以使用本字段来控制授权的帐号类型。

biz_appid

否

指定授权唯一的小程序或公众号

  • 方式二：第三方平台生成授权链接，授权管理方点击链接，进行授权

https://mp.weixin.qq.com/safe/bindcomponent?action=bindcomponent&auth_type=3&no_scan=1&component_appid=xxxx&pre_auth_code=xxxxx&redirect_uri=xxxx&auth_type=xxx&biz_appid=xxxx#wechat_redirect

注：auth_type、biz_appid 两个字段互斥。

4.2 代码流程说明：

下面采用方式一，即生成授权二维码，二维码是由地址自动生成的。

授权码分为两个后端和前端两个方面，此处前端页面配合使用，使用SpringMVC的ModelAndView直接跳转会找不到域名而报错，因此要将页面链接设置到<a></a>标签中，点击后跳转到授权页面。

  1. 后端Controller层代码：
SpringMVC中的Controller层。
    /**
     * 获取授权二维码页面的地址，并将其返回到前端页面。
     */
    @GetMapping("/getAuthPage")
    public Result getAuthPage(HttpServletResponse response){
        Result rs = this.getFailResult();
        log.info("第三方平台生成授权页");
        String authPageURL = "";
        try {
            String preAuthCode = OpAuthCodeUtil.getPreAuthCode();
            log.info("小程序或者公众号授权给第三方平台【预授权码】：" + preAuthCode);

            String componentAppid = ComponentConfig.APPID;  //第三方平台应用ID
            String redirectUri = "http://wx.intelvox.com.cn/olcs/api/wx/open/platform/authcode";   //回调URI
            String authType = "1";       //要授权的帐号类型， 1 则商户扫码后，手机端仅展示公众号、2 表示仅展示小程序，3 表示公众号和小程序都展示。
            StringBuilder data = new StringBuilder();
            data.append("?component_appid="+componentAppid);
            data.append("&pre_auth_code="+preAuthCode);
            data.append("&redirect_uri="+redirectUri);
            data.append("&auth_type="+authType);
            authPageURL = WeixinImSetting.OPEN_URL_AUTHPAGE + data;//生成授权页网址
            log.info("第三方平台生成授权页,操作成功");
            rs = this.getSuccessResult();
            rs.setResult(authPageURL);
        } catch (Exception e) {
            log.error("第三方平台生成授权页,操作异常", e.getMessage(), e);
        }
        return rs;
    }

2. 前端接收页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            $.ajax({
                type : "GET",
                contentType: "application/json;charset=UTF-8",
                url : "api/wx/open/getAuthPage",
                success : function(result) {
                    console.log(result.result);
                    $("#code").attr("href",result.result) //设置跳转页面地址
                },
                error : function(e){
                    console.log(e.status);
                    console.log(e.responseText);
                }
            });
        });
    </script>
</head>
<body>
    <div style="margin:0 auto;">
    <h2><a id="code" href="">authorization and registration page</a>
    </h2>
</div>
</body>
</html>

结果示意图：

 

 

# 微信开放平台
Logo
乐奇 Rokid 开放社区

更多推荐

cover

使用Rokid AIUI做了一个童年推箱子游戏

avatar 乐奇 Rokid 开放社区

基于 AIUI 框架的眼镜端坐姿监测智能体：WorkerMonitor 设计与实现

基于AIUI框架，设计并实现眼镜端坐姿监测智能体WorkerMonitor。通过加速度传感器实时采集头部姿态数据，结合校准偏移量进行三态分类（正常/警示/异常），每秒采样一次，累计时长并低打扰提醒。每2小时调用LLM生成个性化健康建议，支持自动工作/休息切换与隐藏模式，兼顾隐私与体验。项目采用Ink单文件页面结构，实现极简交互与可持续反馈，为长期伏案者提供无感式颈椎健康管理方案。

avatar 乐奇 Rokid 开放社区

FPC与机器人的双向赋能，解锁智能装备进化新势能

如果说AI算法、算力芯片是智能眼镜的“智慧大脑”，光学模组是智能眼镜的“视觉窗口”，那么FPC就是贯穿整机、连接所有功能模块的“柔性神经脉络”。方寸之间的柔性突破，破解了智能眼镜“轻薄形态”与“全能功能”的核心矛盾，是穿戴智能设备实现形态革新、体验升级的底层核心。未来，随着AR沉浸式技术、AI大模型、穿戴硬件技术的持续进化，智能眼镜将朝着更轻薄、更智能、更多场景、更高稳定性的方向持续迭代，对高端精

avatar 乐奇 Rokid 开放社区