网站调用微信小程序授权登录示例

已于 2024-08-14 13:19:55 修改
阅读量499 收藏 7
点赞数 12
分类专栏： 小程序 php 文章标签： 微信小程序 小程序 授权登录
于 2024-08-14 12:27:05 首次发布
本文链接：https://blog.csdn.net/Soujer/article/details/141187849
版权

在这里插入图片描述

前言

晓杰网站增加了多个登录方案包括公众号扫码登录，公众号快捷登录，QQ快捷登录，后面也研究了下小程序扫码登录方案，现在分享给大家。

技术栈

THinkphp5.0+Redis+Mysql

前端代码

index.html

<html>
<head>
    <title>微信小程序扫码授权登录</title>
    <meta name="wechat-enable-text-zoom-em" content="true">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="color-scheme" content="light dark">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
    <link rel="shortcut icon" type="image/x-icon" href="//res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico" reportloaderror>
    <link rel="mask-icon" href="//res.wx.qq.com/a/wx_fed/assets/res/MjliNWVm.svg" color="#4C4C4C" reportloaderror>
    <link rel="apple-touch-icon-precomposed" href="//res.wx.qq.com/a/wx_fed/assets/res/OTE0YTAw.png" reportloaderror>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="referrer" content="origin-when-cross-origin">
    <meta name="referrer" content="strict-origin-when-cross-origin">
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .title {
            text-align: center;
            margin-top: 50px;
            font-size: 25px;
        }
        #createQrcode {
            border: none;
            padding: 12px;
            background: #07C160;
            color: #fff;
            font-size: 16px;
            border-radius: 10px;
            margin: 30px auto 0;
            display: block;
            cursor: pointer;
            outline: none;
            -webkit-tap-highlight-color:rgba(255,0,0,0);
        }

        #qrcode {
            width: 220px;
            height: 220px;
            margin: 30px auto 0;
            display: none;
        }

        #qrcode img {
            width: 220px;
            height: 220px;
        }

        #status {
            border: none;
            padding: 12px 15px;
            background: #eee;
            color: #666;
            font-size: 18px;
            border-radius: 100px;
            margin: 15 auto 0;
            display: block;
            cursor: pointer;
            outline: none;
            -webkit-tap-highlight-color:rgba(255,0,0,0);
            display: none;
        }
    </style>
</head>

<body>

<!--标题-->
<p class="title">微信小程序扫码授权登录示例</p>

<!--生成按钮-->
<button id="createQrcode" onclick="createQrcode()">生成微信小程序码</button>

<!--小程序码显示区域-->
<div id="qrcode"></div>

<!--状态-->
<button id="status"></button>

<!--scene隐藏域-->
<input type="hidden" id="scene" />

<script>

    // 定义一个全局变量来控制轮询状态
    var pollingInterval;

    // 用于记录轮询次数的变量
    var pollingCount = 0;

    // 创建小程序码
    function createQrcode() {

        var xhr = new XMLHttpRequest();
        xhr.open("GET", "createQrcode", true);

        xhr.onreadystatechange = function () {

            if (xhr.readyState === 4 && xhr.status === 200) {

                // 渲染小程序码
                var response = JSON.parse(xhr.responseText);
                document.getElementById("qrcode").style.display = "block";
                document.getElementById("qrcode").innerHTML = '<img src="data:image/jpg;base64,'+response.qrcode+'" id="miniproQrCode" />';
                document.getElementById("createQrcode").style.display = "none";
                document.getElementById("status").style.display = "block";
                document.getElementById("status").innerHTML = '请使用微信扫码';
                document.getElementById("scene").value = response.scene;

                // 重置轮询次数
                pollingCount = 0;

                // 开始轮询
                startPolling();
            }
        };
        xhr.send();
    }

    // 开始轮询
    // 1500毫秒轮询一次
    function startPolling() {
        var pollingInterval = setInterval(function () {
            pollDatabase(pollingInterval);
        }, 1500);
    }

    // 轮询扫码状态
    function pollDatabase(pollingInterval) {

        var sceneValue = document.getElementById("scene").value;
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "checkScanStatus?scene=" + sceneValue, true);

        xhr.onreadystatechange = function () {

            if (xhr.readyState === 4 && xhr.status === 200) {

                // 获取轮询结果
                var response = JSON.parse(xhr.responseText);
                document.getElementById("status").innerHTML = response.msg;

                // 轮询的信息
                console.log(response.msg)

                // 每次轮询递增计数
                pollingCount++;

                // 204状态码
                if (response.code == 204) {

                    // 修改为已取消的图片
                    document.getElementById("miniproQrCode").src = '__STATIC__/login/isCancel.png';

                    // 停止轮询
                    clearInterval(pollingInterval);
                }

                // 203状态码
                if (response.code == 203) {

                    // 修改为已扫码的图片
                    document.getElementById("miniproQrCode").src = '__STATIC__/login/isScan.png';
                }

                // 200状态码
                if (response.code == 200) {

                    // 修改为登录成功的图片
                    document.getElementById("miniproQrCode").src = '__STATIC__/login/loginSuccess.png';

                    // 登录成功的逻辑
                    // 例如修改DOM或者跳转到Url
                    // 以回调地址为例
                    // 检查URL中是否包含'?callback='
                    if (window.location.href.indexOf('?callback=') !== -1) {
                        var callbackUrl = window.location.href.split('?callback=')[1];

                        // 去掉参数部分
                        callbackUrl = callbackUrl.split('&')[0];

                        if (isValidCallback(callbackUrl)) {

                            // 添加斜杠结尾
                            callbackUrl = addTrailingSlash(callbackUrl);

                            // 跳转到回调地址并传递token
                            location.href = callbackUrl + '?token=' + response.token;

                        } else {

                            // 无需添加斜杠
                            // 跳转到回调地址并传递token
                            location.href = callbackUrl + '?token=' + response.token;
                        }
                    }

                    // 用于验证callback是不是符合格式的域名
                    function isValidCallback(callback) {

                        // 使用正则表达式验证是否是有效的域名或域名+目录
                        var pattern = /^(https?:\/\/)?([a-z\d]([a-z\d-]*[a-z\d])*\.)+[a-z]{2,}(\/\w*\/?)?$/i;
                        return pattern.test(callback);
                    }

                    // 添加/作为结尾
                    function addTrailingSlash(callback) {

                        // 如果字符串不以斜杠结尾，添加斜杠
                        if (!callback.endsWith('/')) {
                            callback += '/';
                        }
                        return callback;
                    }

                    // 停止轮询
                    clearInterval(pollingInterval);

                }else if (pollingCount >= maxPollingCount) {

                    // 修改为小程序码已过期的图片
                    document.getElementById("miniproQrCode").src = '__STATIC__/login/isExpire.png';
                    document.getElementById("status").innerHTML = '小程序码已过期，请刷新';

                    // 停止轮询
                    clearInterval(pollingInterval);
                }
            }
        };
        xhr.send();
    }

    // 设置最大轮询次数
    var maxPollingCount = 60;

</script>

</body>
</html>

后端代码

Login.php

<?php

namespace app\admin\controller;
use app\admin\model\Admin as AdminModel;;
use qqconnect\QC;
use think\cache\driver\Redis;
use think\Controller;
use think\Request;
use think\Session;
use tools\Mobile_Detect as Mobile_DetectModel;
use tools\Tools as ToolsModel;
class Login  extends Common
{
    public function getOpenid()
    {
        isset($_GET['scene']) ? $scene = $_GET['scene'] : exit(json_encode(array('code' => 0, 'msg' => '参数不能为空!'), JSON_UNESCAPED_UNICODE));
        isset($_GET['code']) ? $code = $_GET['code'] : exit(json_encode(array('code' => 0, 'msg' => '参数不能为空!'), JSON_UNESCAPED_UNICODE));
        $wxConfig = new WxConfig();
        $appidStr = $wxConfig::$appid;
        $secretStr = $wxConfig::$secret;
        // 换取openid的API
        $api = "https://api.weixin.qq.com/sns/jscode2session?appid=$appidStr&secret=$secretStr&js_code=$code&grant_type=authorization_code";
        $result = Index::httpGet($api);
        $arr_result = json_decode($result, true);
        if (empty($arr_result['session_key'])) {
            $ret = array(
                'code' => 202,
                'msg' => '授权失败'
            );
        }
        // 解析出openid
        $openid = $arr_result["openid"];
        // 验证scene参数
        $redis = new Redis();
        $redisKey = 'qrcode_'.$scene;
        $checkScene = $redis->get($redisKey);
        if (!empty($checkScene) && $checkScene['status'] == 1) {
            // 如果存在scene
            $ret = array(
                'code' => 200,
                'msg' => '已扫码',
                'openid' => $openid
            );
            $checkScene['status']=2;
            $checkScene['openid']=$openid;
            $redis->set($redisKey,$checkScene,300);
        }else{
            $ret = array(
                'code' => 201,
                'msg' => '小程序码已过期'
            );
        }
        echo json_encode($ret, JSON_UNESCAPED_UNICODE);
    }
    public function loginAuth(){
        header("content-type:application/json");
        isset($_GET['scene'])?$scene = $_GET['scene']:exit(json_encode(array('code'=>202,'msg'=>'授权失败，scene不存在'),JSON_UNESCAPED_UNICODE));
        $redis = new Redis();
        $redisKey = 'qrcode_'.$scene;
        $checkScene = $redis->get($redisKey);
        if(!empty($checkScene)) {
            $checkScene['status']=3;
            $checkScene['authTime']=date('Y-m-d H:i:s');
            $redis->set($redisKey,$checkScene,300);
            // 已授权
            $ret = array(
                'code' => 200,
                'msg' => '已授权'
            );
        }else {

            // scene不存在
            $ret = array(
                'code' => 202,
                'msg' => '授权失败，scene不存在'
            );
        }

        // 返回结果
        echo json_encode($ret, JSON_UNESCAPED_UNICODE);
    }
    public function cancelAuth(){
        header("content-type:application/json");
        isset($_GET['scene'])?$scene = $_GET['scene']:exit(json_encode(array('code'=>202,'msg'=>'取消失败，scene不存在!'),JSON_UNESCAPED_UNICODE));
        $redis = new Redis();
        $redisKey = 'qrcode_'.$scene;
        $cancelAuth = $redis->get($redisKey);
        if(!empty($cancelAuth)) {
            // 更新为取消授权且设置小程序码为过期
            $checkScene['status']=4;
            $redis->set($redisKey,$checkScene,300);
            $ret = array(
                'code' => 200,
                'msg' => '已取消授权'
            );
            $redis->rm($redisKey);
        }else {
            $ret = array(
                'code' => 202,
                'msg' => '取消失败，scene不存在'
            );
        }

        // 返回结果
        echo json_encode($ret, JSON_UNESCAPED_UNICODE);
    }
    public function checkScene(){
        header("Content-type:application/json");
        isset($_GET['scene'])?$scene = $_GET['scene']:exit(json_encode(array('code'=>202,'msg'=>'参数不能为空!'),JSON_UNESCAPED_UNICODE));
        $redis = new Redis();
        $redisKey = 'qrcode_'.$scene;
        $checkScene = $redis->get($redisKey);
        if(!empty($checkScene)){
            $result = array(
                'code' => 200,
                'msg' => '获取成功'
            );
        }else{
            $result = array(
                'code' => 204,
                'msg' => '参数错误'
            );
        }
            echo json_encode($result, JSON_UNESCAPED_UNICODE);
        }
		    public function createQrcode(){
        $accessToken = $this->getAccessToken();
        $url="https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=$accessToken";
        $scene =ToolsModel::getMillisecond().rand(1000000,9999999);
        // 请求参数
        $data = array(
            "page" => "pages/authorize/index", // 小程序扫码页面的路径
            "scene" => $scene,
            "check_path" => false, // 是否验证你的路径是否正确
            "env_version" => "release" // 开发的时候这个参数是develop，小程序审核通过发布上线之后改为release
        );
        $dataReturn = ToolsModel::getCurl($url,json_encode($data));
        $redis = new Redis();
        $redisKey = 'qrcode_'.$scene;

// 向数据库插入一条生成小程序码的记录
        $dataArr = array(
            'scene' => $scene,
            'status' => 1,
            'scene' => $scene,
        );
        $redis->set($redisKey,$dataArr,600);
        $result = array(
            'code' => 200,
            'msg' => '创建成功',
            'scene' => $scene,
            'qrcode' => base64_encode($dataReturn)
        );
        echo json_encode($result, JSON_UNESCAPED_UNICODE);
    }
    private  function getAccessToken()
    {
        $redis= new Redis();
        $AccessTokenKey = 'access_token_'.Config('miniApp.APPID');
        if(!$redis->has($AccessTokenKey)){
            $times = 700;
            $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".Config('miniApp.APPID')."&secret=".Config('miniApp.APPSECRET');
            $result =ToolsModel:: https_request($url);
            $jsoninfo = json_decode($result, true);
            $access_token = $jsoninfo['access_token'];
            if ($access_token)
            {
                $redis->set($AccessTokenKey,$access_token,$times);
            }
        }else
        {
            $access_token =  $redis->get($AccessTokenKey);
        }
        return $access_token;

    }

    public function checkScanStatus()
    {
        header("Content-type:application/json");
        isset($_GET['scene']) ? $scene = $_GET['scene'] : exit(json_encode(array('code' => 0, 'msg' => '参数不能为空!'), JSON_UNESCAPED_UNICODE));
        // 查看Scene的状态
        $redis = new Redis();
        $redisKey = 'qrcode_'.$scene;
        $checkScanStatus = $redis->get($redisKey);
        if (!empty($checkScanStatus)) {
            // 扫码状态
            $status = $checkScanStatus['status'];
            // openid
            $openid = $checkScanStatus['openid'];

            if ($status == 1) {

                // 未扫码
                $result = array(
                    'code' => 202,
                    'msg' => '请使用微信扫码'
                );

            } else if ($status == 2) {

                // 已扫码
                $result = array(
                    'code' => 203,
                    'msg' => '已扫码，请点击授权登录'
                );

            } else if ($status == 3 && $openid) {

                // 删除临时文件
                //  unlink('qrcode/' . $Scene . '.png');

                // 登录成功的处理
                // 例如存SESSION
                // 数据库操作等
                // -----------------------------------
                // 在这里编写你的逻辑
                $token = MD5($scene.Config('miniApp.APPSECRET').time());

                // 已登录
                $result = array(
                    'code' => 200,
                    'msg' => '登录成功',
                    'token' => $token
                );
                $redis->rm($redisKey);

            } else if ($status == 4) {

                // 已取消授权
                $result = array(
                    'code' => 204,
                    'msg' => '已取消授权'
                );

                // 删除临时文件
                // unlink('qrcode/' . $Scene . '.png');

            }
        } else {

            // 获取失败
            $result = array(
                'code' => 204,
                'msg' => '该二维码无法登录'
            );
        }
        echo json_encode($result, JSON_UNESCAPED_UNICODE);
    }

    public function index()
    {
        return view();
    }

小程序源码

存储位置 pages下面

file
index.js

// 获取应用实例
const app = getApp()

// 获取服务器域名和目录名
const domain = app.domain.url;
const dirName = app.dirName.dir;

Page({
	data: {
		scanStep: 1
	},

	// 获取扫码结果
	onLoad(options) {
		
		const that = this;
		if(options !== undefined) {
			if(options.scene) {

				// 获取scene
				let scene = decodeURIComponent(options.scene);

				wx.showLoading({
					title: '加载中'
				})

				// 验证scene是否存在
				wx.request({
					url: 'https://' + domain  + '/checkScene/?scene=' + scene,
					header: {
						'content-type': 'application/json'
					},
					success (res) {

						// 输出验证结果
						console.log(res.data)

						// 存在
						if(res.data.code == 200) {

							// 微信登录
							wx.login({
								success (res) {
									if (res.code) {
										wx.request({
											url: 'https://' + domain  + '/getOpenid/?code=' + res.code + '&scene=' + scene,
											header: {
												"content-type": "application/json"
											},
											success (res) {
												
												// 成功获取到Openid
												if(res.data.code == 200) {

													// 切换至授权界面
													that.setData({
														scanStep: 2,
														sceneCode: scene
													})
												}else {

													// 获取失败
													that.setData({
														scanStep: 3,
														loginSuccess: false,
														errorMsg: res.data.msg
													})
												}
											}
										});
									}
								}
							});
						}
						wx.hideLoading();
					}
				})
			}
		}
	},

	// 点击授权登录
	loginAuth() {
		const that = this;
		wx.showNavigationBarLoading();
		wx.request({
			url: 'https://' + domain  + '/loginAuth/?scene=' + that.data.sceneCode,
			header: {
				'content-type': 'application/json'
			},
			success (res) {
				if(res.data.code == 200) {

					// 切换至授权结果
					that.setData({
						scanStep: 3,
						loginSuccess: true
					})

					wx.hideNavigationBarLoading();
				}else{

					that.setData({
						scanStep: 3,
						loginSuccess: false,
						errorMsg: res.data.msg
					})
				}
			}
		})
	},

	// 取消授权
	cancelAuth() {
		const that = this;
		wx.request({
			url: 'https://' + domain  + '/cancelAuth/?scene=' + that.data.sceneCode,
			header: {
				'content-type': 'application/json'
			},
			success (res) {
				that.setData({
					scanStep: 3,
					loginSuccess: false,
					errorMsg: res.data.msg
				})
			}
		})
	}
})

index.json

{
  "usingComponents": {}
}

index.wxml

<view class="container">

<!-- 扫描二维码 -->
<view class="scanQrcode" wx:if="{{scanStep == 1}}">

	<!-- 提醒logo -->
	<view class="tips-logo">
		<image src="../../images/tips.png"></image>
	</view>

	<!-- 扫码提示 -->
	<view class="scan-tips">请使用微信扫一扫</view>
</view>

<!-- 授权登录 -->
<view class="loginAuth" wx:if="{{scanStep == 2}}">
	
	<!-- 头像区域 -->
	<view class="avatar">
		<image src="../../images/warn.png"></image>
	</view>

	<!-- 昵称区域 -->
	<view class="nickname">使用微信授权登录</view>

	<!-- 授权按钮 -->
	<view class="button auth-login" bind:tap="loginAuth">授权登录</view>

	<!-- 取消授权 -->
	<view class="button cancel-login" bind:tap="cancelAuth">取消授权</view>

	<!-- 授权须知 -->
	<!--<view class="auth-know">
		<span>授权登录即同意</span>
		<span class="blue-font">xxx用户服务协议</span>和
		<span class="blue-font">xxx用户隐私协议</span>
		<span>，请阅读以上两项协议。</span>
	</view> -->
</view>

<!-- 登录结果 -->
<view class="loginResult" wx:if="{{scanStep == 3}}">

	<!-- 提醒logo -->
	<view class="tips-logo">
		<image src="../../images/success.png" wx:if="{{loginSuccess}}"></image>
		<image src="../../images/fail.png" wx:else></image>
	</view>

	<!-- 登录结果 -->
	<view class="login-success" wx:if="{{loginSuccess}}">登录成功</view>
	<view class="login-fail" wx:else>{{errorMsg}}</view>
</view>

</view>

index.wxss

.container {
	width: 93%;
	margin: 0 auto;
}

.loginAuth {
	width: 100%;
	margin: 30px auto 0;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
}
.loginAuth .avatar {
	width: 90px;
	height: 90px;
	margin: 50px auto 0;
}
.loginAuth .avatar image {
	width: 90px;
	height: 90px;
}
.loginAuth .nickname {
	text-align: center;
	color: #999;
	font-size: 33rpx;
	margin-top: 15px;
	margin-bottom: 50px;
}
.loginAuth .button {
	padding: 12px;
	width: 150px;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
	font-size: 33rpx;
	font-weight: 400;
	margin-bottom: 10px;
}
.loginAuth .auth-login {
	background: #07c160;
	color: #fff;
}
.loginAuth .cancel-login {
	background: #eee;
	color: #666;
}

.auth-know {
	text-align: center;
	font-size: 28rpx;
	color: #999;
	width: 80%;
	margin: 35px auto 25px;
}
.auth-know .blue-font {
	color: #576b95;
	padding: 0 2px;
}

/* 扫码 */
.scanQrcode {
	width: 100%;
	margin: 30px auto 0;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
}
.scanQrcode .tips-logo {
	width: 90px;
	height: 90px;
	margin: 50px auto 0;
}
.scanQrcode .tips-logo image {
	width: 90px;
	height: 90px;
}
.scanQrcode .scan-tips {
	text-align: center;
	color: #999;
	font-size: 50rpx;
	margin-top: 15px;
	margin-bottom: 50px;
}
.scanQrcode .button {
	padding: 12px;
	width: 150px;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
	font-size: 33rpx;
	font-weight: 400;
}
.scanQrcode .scan-qrcode {
	background: #07c160;
	color: #fff;
	margin-bottom: 25px;
}

.loginResult {
	width: 100%;
	margin: 30px auto 0;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
}
.loginResult .tips-logo {
	width: 90px;
	height: 90px;
	margin: 50px auto 0;
}
.loginResult .tips-logo image {
	width: 90px;
	height: 90px;
}
.loginResult .login-success {
	text-align: center;
	color: #333;
	font-size: 50rpx;
	margin-top: 15px;
	margin-bottom: 25px;
}
.loginResult .login-fail {
	text-align: center;
	color: #fa5151;
	font-size: 50rpx;
	margin-top: 15px;
	margin-bottom: 25px;
}

示例地址

https://soft.svip8.vip/login/index1

本文作者

Soujer

Soujer
关注
  • 12
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
如何在微信小程序中对接微信支付
weixin_44976692的博客
07-10 1万+
在微信小程序中集成微信支付，需要经过一系列步骤，包括注册小程序、申请微信支付、创建支付订单、调用支付API以及处理支付结果通知。尽管过程中可能会遇到一些问题，但只要按照文档要求进行配置和开发，基本都能顺利完成。希望本文能为你提供一些帮助，让你在微信小程序中顺利集成微信支付。
微信小程序授权登录
baidu_33298752的博客
05-30 6329
服务器利用用户对应的 session_key 使用相同的算法计算出签名 signature2 ，比对 signature 与 signature2 即可校验数据的完整性。//部分结果，如果为true,则表示该用户对这项权限以及授权，如果没有授权，我们这需要通过button按钮让用户授权。当开发者在实现自定义登录态时，可以考虑以 session_key 有效期作为自身登录态有效期，也可以实现自定义的时效性策略。点击按钮，调起授权页面。调用wx.getSetting来判断，用户是否授权，如果没有授权，
uniapp 微信小程序 授权 登录
weixin_42487883的博客
07-23 858
通过以上步骤，我们实现了一个简单的微信小程序授权登录功能。用户点击微信登录按钮，触发事件。在事件中，调用uni.login获取用户的code。将code发送到服务器，服务器通过微信接口换取用户的openIdsessionKey和unionId。将用户信息存储到本地，以便后续使用。以上示例代码仅供参考，实际开发中可能需要根据具体需求进行调整和完善。希望本文能对你在开发微信小程序授权登录功能时有所帮助。
微信小程序开发（超详细保姆式教程）
热门推荐
m0_64875238的博客
11-10 35万+
微信小程序开发（超详细保姆式教程）
微信小程序 授权登录代码
weixin_35750483的博客
02-13 649
下面是一个简单的微信小程序授权登录代码： // 在需要授权登录的页面对应的.js文件中 Page({ onLoad: function() { // 获取用户授权信息 wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo']) { // 已...
微信小程序-微信授权登录流程 - (图解+代码流程)
Envyᥫᩣ的博客
07-04 981
微信授权登录是一种允许用户使用微信账户登录第三方应用或网站的功能。这一过程简化了传统注册流程，提高了用户体验，同时也帮助第三方应用获取用户基本信息以便提供个性化服务。
如何为微信小程序添加微信登录和微信授权功能
wx_linying1029的博客
07-02 1477
微信小程序是一种基于微信平台开发的应用程序，它具有轻量、快速、灵活等特点。微信登录和微信授权是小程序中常见的功能，通过微信登录可以方便地获取用户的基本信息，实现用户身份认证；而微信授权可以获取用户的更多信息，实现个性化的功能。接下来，我将以一个示例来演示如何实现微信登录和微信授权功能。
【微信小程序】授权登录流程解析
让优秀成为一种习惯！
10-22 8460
微信小程序登录整个流程讲解，并以代码进行拆解进行讲解。
微信小程序——【微信授权登录和退出】
2302_78057255的博客
07-04 995
在components文件夹内创建toubu文件夹。在toubu文件夹内创建以下四个文件：toubu.wxml：组件的结构和布局。toubuwxss：组件的样式。toubu.js：组件的逻辑和交互。toubu json：组件的配置文件，可选但推荐使用。
uniapp微信小程序端实现微信登录
m0_51431448的博客
07-08 1359
从网上看了一些，好像说是要先调用uni.getUserProfile 或者uni.getUserInfo获取用户信息后，然后再调用uni.login才行，但是我看着uni.getUserProfile和uni.getUserInfo 返回的都是一些匿名信息（nickName: "微信用户", 头像也是统一的灰色头像），不知道有啥用哦，应该是之前是可以正常返回的，后来不知哪个版本后应该是为了用户的隐私、安全啥的，就都返回匿名信息了。（提前向用户发起授权请求。
微信小程序官方小程序示例源码
12-18
"微信小程序官方小程序示例源码"是微信官方提供的一套示例代码，用于帮助开发者理解和学习微信小程序的开发过程。 在`miniprogram-demo-master`这个压缩包中，通常会包含多个小程序的示例项目，每个项目都对应一个...
uni-app微信小程序登录授权的实现
10-15
本文将深入探讨如何在uni-app中实现微信小程序的登录授权，并提供详细的步骤和示例代码。 首先，我们需要在小程序界面设置一个授权按钮。这个按钮通常包含在模板中，它的`open-type`属性应设置为`getUserInfo`，...
微信小程序实现授权登录
10-17
在微信小程序中实现授权登录是应用开发中必不可少的一环，特别是在需要获取用户个人信息的情况下。由于微信官方对用户体验的考虑，现在不能直接在小程序启动时强制弹出授权窗口，而是需要用户主动触发。本文将详细...
微信小程序后端实现授权登录
11-21
总结起来，微信小程序的后端授权登录实现涉及前后端的交互，包括小程序调用`wx.login()`获取`code`，后端调用`code2Session`接口获取用户标识和会话密钥，以及生成并管理自定义登录态，确保用户数据的安全。...
微信小程序各种示例代码
10-24
在这个“微信小程序各种示例代码”压缩包中，包含了10个精心设计的小程序示例，对于初学者来说是极其宝贵的资源，可以帮助他们快速理解和掌握微信小程序的开发技巧。 首先，我们要了解微信小程序的基本结构。每个小...
uniapp--微信小程序无网络提示组件页面
heavenz19的博客
08-13 163
【代码】uniapp--微信小程序无网络提示组件页面。
Uniapp之微信小程序计算器
qq_39772439的博客
08-13 191
具体使用可以参考微信小程序：日常记一记--我的---计算器。UI仿的iOS手机计算器，基本功能已经实现，如下效果图。1，strClass模块是计算过程代码展示。2，result-view模块是结果展示。3，btns-view模块是计算器按钮模块。到这里，计算器UI效果图基本就出来了。4，计算加减乘除等方法。第二步，添加相应功能。第一步：UI界面设计。
KillWxapkg-自动化反编译微信小程序工具（附安装包）
木头分享 - 分享有价值的、实用的干货
08-10 338
KillWxapkg是一款纯Golang实现，一个用于自动化反编译微信小程序、小程序安全评估工具工具，小程序安全利器， 可以自动解密，解包，可还原工程目录，支持Hook，小程序修改，支持微信开发者工具运行。工具因为采用了UPX压缩了软件体积，工具运行时可能会出现误报，可以放心使用，工具不会对您的电脑造成任何损害。本程序仅供于学习交流，，勿将此工具用于非授权的测试，开发者不负任何连带法律责任。下载：「KillWxapkg61282」
【微信小程序】全局配置
最新发布
weixin_40874076的博客
08-13 232
【代码】【微信小程序】全局配置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Soujer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值