个人案例
- 11月9日小程序获取用户头像、昵称接口再次改版???为了还原用户授权和之前一样,分享实用代码,复制即用。
先看效果 [图片] wxml代码 <!-- //////////////////////////////////////////////////////////////////////////新版本获取用户微信头像和昵称 --> <view style="margin: 100px 0 0 0;background-color: #00000096;position: fixed;top: 0;width: 100%;height: 100%;z-index: 99999;display: flex;align-items: center;justify-content: center;"> <view wx:if="{{show_get_avatar}}" style="background-color: #fff;border-radius: 20rpx;width: 75%;padding: 3%;"> <view style="display: flex;justify-content: center;font-size: 32rpx;font-weight: 800;">授权微信登录</view> <view style="height: 20rpx;"></view> <view style="display: flex;justify-content: center;font-size: 28rpx;width: 80%;margin: 0 0 0 10%;">为了完善用户个人信息,我们需要获取您的微信头像和昵称</view> <view style="height: 20rpx;"></view> <button wx:if="{{!show_get_nickname}}" open-type="chooseAvatar" bindchooseavatar="get_avatar" style="font-size: 25rpx;background-color: #00810b;color: #fff;">点击授权头像</button> <view style="height: 20rpx;"></view> <view style="display: flex;justify-content: center;"> <image wx:if="{{show_get_nickname}}" src="{{avatar}}" style="width: 80rpx;height: 80rpx;border-radius: 50%;"></image> </view> <view style="height: 20rpx;"></view> <form bindsubmit="get_nackname_form"> <view style="display: flex;justify-content: center;align-items: center;"> <input wx:if="{{show_get_nickname}}" type="nickname" bindtap="get_nickname" placeholder="点击授权昵称" name="nickname" style="text-align: center;width: 48%;font-size: 25rpx;background-color: #00810b;color: #fff;border-radius: 10rpx;height: 60rpx;" placeholder-style="color:#fff;font-weight:800;text-align: center;"></input> </view> <view style="height: 20rpx;"></view> <view style="display: flex;width: 90%;margin: 0 0 0 5%;"> <button style="font-size: 25rpx;">不登录</button> <view style="width: 20rpx;"></view> <button formType="submit" style="font-size: 25rpx;background-color: #009aa5;color: #fff;">立即登录</button> </view> </form> </view> </view> <!-- //////////////////////////////////////////////////////////////////////////新版本获取用户微信头像和昵称 --> js代码 //////////////////////////////////////////////////////////////////////////新版本获取用户微信头像和昵称 get_avatar(e){ console.log(e.detail.avatarUrl) this.setData({ show_get_nickname:1, avatar:e.detail.avatarUrl, }) }, get_nackname_form(e){ console.log(e.detail.value) if(e.detail.value.nickname==""||!this.data.avatar){ console.log("请授权") wx.showToast({ title: '请授权头像和昵称', icon: 'none', duration: 1000 }) }else{ var user_info={ avatar:this.data.avatar, nickname:e.detail.value.nickname } wx.setStorageSync('user_info', user_info) console.log(wx.getStorageSync('user_info')) } } //////////////////////////////////////////////////////////////////////////新版本获取用户微信头像和昵称 给个关注么么哒~~,接小程序开发,大家一起讨论技术~~
2022-11-17 - 开源一个记账小程序(原生+php)
[图片][图片][图片] 开源了开源了,,, 从年前就开始有这个想法,拖延症太严重一直没做,最近花了几天 做了一个开源版本的记账小程序,有需要可以去下载使用哦哦哦。 包含基本的记账功能,创建账本,类型,记账,收入记账,支出记账,自动授权登录 , 完善个人信息 这些基本功能 记账小程序开源: https://gitee.com/luzbibibi/open-tally-app.git https://gitee.com/luzbibibi/open-tally-api.git 欢迎一块讨论,v:luz-zhou
2022-10-31 - 小程序中如何打开一篇文章,比如隐私协议,用户手册?
两个最简的办法: 一、腾讯文档 1、电脑端打开小程序“腾讯文档”;注意是电脑端。 2、编辑一篇文章:用户手册; 3、点击复制链接: [图片] 4、小程序代码中打开该文章,最好是半屏打开(去小程序后台申请半屏打开腾讯文档,直接可通过): onManual:function(){ wx.openEmbeddedMiniProgram({ appId: 'wxd45c635d754dbf59', path: `pages/detail/detail?url=https://docs.qq.com/doc/DWWtXXXXEeVdDT1FF` }) }, 二、公众号文章 前提: 1、关联公众号; 2、公众号发布一篇文章,比如隐私协议。(可专门发给某标签用户群,该群中只有一人,这样其他用户收不到) 3、数据库中保存信息:privacyLink: "公众号文章链接"(当协议变更后,新的文章链接及时更新) 4、小程序中webview打开文章链接;(链接可写死,也可通过数据库读取) 结束。
2023-05-25