uni-app 前後端實戰課 - 《悅讀》學習筆記：【app 端微信登錄原理、條件編譯】小程序開發實例教程3/

接上篇

 

<script>
export default {
    data() {
        return {
            
        };
    },
    onLoad:function(){
        //app 端微信登錄
        // 手冊位置 https://uniapp.dcloud.io/api/plugins/login?id=getuserinfo
        // #ifdef APP-PLUS
        uni.login({
            success: (res) => {
                // res 對象格式
                //{"code":"***",
                //"authResult":{
                    //"openid":"***",
                    //"scope":"snsapi_userinfo",
                    //"refresh_token":"**",
                    //"code":"****",
                    //"unionid":"***",
                    //"access_token":"***",
                    //"expires_in":7200
                //},
                //"errMsg":"login:ok"}
                uni.getUserInfo({
                    success: (info) => {
                        // info 對象格式
                        // {"errMsg":"getUserInfo:ok",
                        // "rawData":"...
                        // "userInfo":{
                            //"openId":"***",
                            //"nickName":"***",
                            //"gender":1,
                            // "city":"Xi'an",
                            // "province":"Shaanxi",
                            // "country":"China",
                            // "avatarUrl":"頭像",
                            // "unionId":"oU5Yyt_agt547zWyA0v0eLfFPqxo"
                        //},"signature":""}
                        // 與服務器交互將數據提交到服務端數據庫
                        
                    },
                    fail: () => {
                        uni.showToast({title:"微信登錄授權失敗"});
                    }
                })
            },
            fail: () => {
                uni.showToast({title:"微信登錄授權失敗"});
            }
        })
        // #endif
    }
}
</script>

修改登錄頁判斷，成功後怎麼樣。失敗後怎麼樣？

完整代碼：

 

<template>
	<view>
		longin...
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		onLoad: function() {
			//app 端微信登錄
			// 手冊位置 https://uniapp.dcloud.io/api/plugins/login?id=getuserinfo
			// #ifdef APP-PLUS
			uni.login({
				success: (res) => {
					uni.getUserInfo({
						success: (info) => {
							console.log("登錄成功")
						},
						fail: () => {
							uni.showToast({
								title: "微信登錄授權失敗",
								icon: "none"
							});
						}
					})
				},
				fail: () => {
					uni.showToast({
						title: "微信登錄授權失敗",
						icon: "none"
					});
				}
			})
			// #endif
		}
	}
</script>

<style>

</style>