feat: 微信登录获取openid

env/.env.development

@@ -3,4 +3,4 @@ NODE_ENV = 'development'
 # 是否去除console 和 debugger
 VITE_DELETE_CONSOLE = false
 
-VITE_SERVER_BASEURL = 'http://localhost:4000'
+VITE_SERVER_BASEURL = 'https://ukw0y1.laf.run'

src/pages/demo/demo/pinia.vue

@@ -28,7 +28,7 @@ const countStore = useCountStore()
 const userStore = useUserStore()
 
 const setUserInfo = () => {
-  userStore.setUserInfo({ username: 'fly', token: 'abcdef' })
+  userStore.setUserInfo({ nickname: 'fly', avatar: '', token: 'abcdef' })
 }
 const clearUserInfo = () => {
   userStore.clearUserInfo()

src/pages/my/index.vue

@@ -5,12 +5,34 @@
 </route>
 <template>
   <view>我的</view>
+  <view>wx的openid:{{ openId }} </view>
   <view @click="goLoginPage">去登录</view>
 </template>
 
 <script lang="ts" setup>
+import { useUserStore } from '@/store'
+import { http } from '@/utils/http'
+
+const userStore = useUserStore()
+
+const openId = ref('')
 const goLoginPage = () => {
   uni.navigateTo({ url: '/pages/login/index' })
 }
+
 // 用户登录，获取openId
+uni.login({
+  provider: 'weixin',
+  success: async ({ code }) => {
+    const res = await http<{ session_key: string; openid: string }>({
+      method: 'GET',
+      url: '/weixin/jscode2session',
+      data: {
+        code,
+      },
+    })
+    openId.value = res.result.openid
+    userStore.setUserInfo({ nickname: '微信用户', avatar: '', openid: res.result.openid })
+  },
+})
 </script>

src/store/user.ts

@@ -5,7 +5,7 @@ import { UserInfo } from '../typings'
 export const useUserStore = defineStore(
   'user',
   () => {
-    const userInfo = ref<UserInfo>()
+    const userInfo = ref<UserInfo>({ nickname: '', avatar: '' })
 
     const setUserInfo = (val: UserInfo) => {
       userInfo.value = val

src/typings.d.ts

@@ -1,6 +1,8 @@
 export type UserInfo = {
   nickname: string
   avatar: string
+  /** 微信的 openid，非微信没有这个字段 */
+  openid?: string
   token?: string
 }
 export type UserItem = {