
1:点击登录按钮,弹出授权界面(如下图),此时就可以获取到用户得头像和昵称
2:点击允许,调用wx.login()方法,获取临时凭证code
3:根据临时凭证,code作为参数,传递给后端。
4:后端根据code ,结合自己小程序得APPID和SECRET,三个参数,访问微信接口,获取到openid 和 session_key
5:根据判断数据库中是否存在该openid,如果没有,则证明是新用户,存入表中。
6:将openid返回给前端,然后进行存储uni.setStorageSync,为了下次调用。

- <button @click="go">后端请求button>
- <view>{
- { data }}view>
- <image :src="avatarUrl">image>
- <view>{
- {nickName}}view>
- export default {
- data() {
- return {
- RandomImage: '',
- data: "",
- avatarUrl:"",
- nickName:''
- };
- },
- methods: {
- getClick() {
- uni.showLoading({
- title: '加载中!',
- mask: true
- });
- uni.request({
- url: 'https://dog.ceo/api/breeds/image/random',
- success: res => {
- this.RandomImage = res.data.message;
- console.log(res);
- uni.hideLoading();
- }
- });
- },
- go() {
- //请求后台
- // uni.request({
- // url: "http://localhost:8001/wx/login",
- // data:{
- // code: ''
- // }
- // success :res =>{
- // console.log(res);
- // this.data = res.data
- // }
- // })
-
- //调用扫码功能
- // uni.scanCode({
- // success: function (res) {
- // console.log('条码类型:' +