uniapp 微信小程序获取openid(保姆级教程超清晰)

当需要openid的时候,就看看本仙女的这篇博客✨

文章建立在你有appid(也就是说微信公众平台你有账号)的基础上,话不多说,let's start !

Step 1 :https://mp.weixin.qq.com/,进链接以后登录(如下图所示)→点击绿色框框里的查看详情。划到页面最下方,找到AppID✨,然后复制粘贴到一个地方。

接着我们继续,点击左侧开发目录→开发设置→AppSecret(小程序秘钥)✨【如下下图所示】,然后你去获取你的秘钥,然后就复制粘贴到一个地方。

 

Step 2 :此时我们写一个请求(如下图✨)

tips:直接使用wx.login或者是uni.login,我们可以获取到接下来的接口里的必须参数:js_code✨。

tips:直接在sucess的res里面可以获取到我们的js_code。

and then:请求https://api.weixin.qq.com/sns/jscode2session?appid=你复制的appid&secret=你复制的秘钥&js_code=js_code

finally:我们就从接口返回的参数里面获取到了我们的openid啦:res.data.openid✨。so easy !

我是用存到存储的方法保存的,uni.setStorageSync("openid",res.data.openid);

你如果需要哪里用到的话,就直接方法里写上:let openid=uni.getStorageSync("openid");

然后你就可以把你的openid随你心意使用了。

❤️ 感谢观赏

`uni.getStorageSync()` 是微信小程序提供的 API,用于从本地存储获取数据。这里的 "openId" 是需要获取的数据的键名。 ### 功能说明 当您使用 `uni.getStorageSync('openId')` 时: 1. **操作过程**:这个函数会尝试从微信小程序本地缓存中查找一个名为 'openId' 的数据项。如果该数据项存在,则返回其值;如果不存在则返回 `undefined`。 2. **用途场景**:通常用于读取用户之前保存的信息,例如用户的唯一标识符(如微信 openID),避免频繁请求服务器造成不必要的网络开销,并提供更好的用户体验。 3. **异步执行**:尽管看起来是同步的,但实际上这是异步操作。这意味着它不会阻塞页面加载流程,而是立即返回结果并继续后续处理。 4. **数据持久化**:本地存储的数据会在当前小程序会话结束后自动清除。除非通过其他方式设置过期时间,否则默认是本地持久化的。 ### 使用示例 ```javascript // 获取 openId let openid = uni.getStorageSync('openId'); if (openid) { console.log(`已登录,openId为:${openid}`); } else { console.log('未登录'); } ``` ### 相关问题: 1. `uni.setStorageSync()` 和 `uni.removeStorageSync()` 是如何使用的? - `uni.setStorageSync(key, value)` 可以将数据存储到本地缓存中,其中 key 是存储的键名,value 是存储的值。 - `uni.removeStorageSync(key)` 则可以删除指定键名对应的数据。 2. 是否可以在不同页面之间共享数据? - 通常建议使用全局变量、vuex 或自定义事件等机制跨页面传递数据,因为局部存储的 `uni.getStorageSync` 和 `uni.setStorageSync` 针对的是单个页面上下文。 3. 当数据量很大时,是否还适合使用本地存储? - 对于大量数据,推荐使用数据库服务或云存储解决方案,以减少本地存储的压力,并提升数据管理的灵活性和效率。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值