本篇文章给大家谈谈微信小程序开发登录页面,以及微信小程序开发页面代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、微信小程序授权登录最佳实践
- 2、微信小程序开发工具 怎么打开微信小程序
- 3、微信小程序的登录和授权注意事项
- 4、微信小程序怎么开发?
- 5、如何开发微信小程序必须微信登录才可以查看当前页面
微信小程序授权登录最佳实践
公司业务开展,最近完成了一个微信小程序的开发。场景是这样,同一微信开放平台下拥有相同主体的APP和微信小程序来完成同样的业务,用户进入app或者微信小程序时必须获取用户的unionid来确认当前的用户身份,完成登录。小程序“获取用户信息”api(getUserInfo)的调用方式和之前相比有了较大更新,优雅的实现用户授权和登录非常重要,以下是我在微信小程序授权登录相关流程在开发时候的实现思路和总结,分享如下。
说明:
你可以简单的理解为
如果开发者在多个移动应用、网站应用和公众帐号之间有统一用户账号的需求,需要前往微信开放平台(open.weixin.qq.com)绑定公众号后,便可利用UnionID机制来满足上述需求。
用户在开放平台的唯一标识符
你可以简单的理解为:
微信针对不同的用户在不同的应用下都有唯一的一个openId, 但是要想确定用户是不是同一个用户,就需要靠unionid来区分。一般自己的后台都会有自己的一个用户表,每个用户有不同的userid。也就是说同一个用户在同一个微信开放平台下的相同主体的应用对应着相同的userid,unionid以及不同的openid。所以在用户登录进来的时候,我们只能靠微信返回给我们的unionid去判断是不是同一个用户,在去关联我们的用户表,拿到对应的userid。
绑定了开发者帐号的小程序,可以通过下面3种途径获取UnionID。
当用户满足条件2和3时,开发者可以直接通过wx.login获取到该用户的unionid, 否则必须调用接口 wx.getUserInfo ,额外需要注意的事就是妥善处理用户拒绝授权的情况。
在真实的业务场景中,我们希望,用户进入小程序时,未登录情况下可以正常浏览商品,对小程序有个基本的认知,不要直接弹出框要求用户授权,否则会干扰用户,导致新用户的流失,当用户需要使用一些高级功能和场景,这个时候再去要求用户授权,这样用户授权的几率会大大提高。
将登录的逻辑封装ajax
流程:
封装的意义
不再关注当前接口是否需要登录,用户是否已授权,所有请求直接调用 ajax() ,在必要的时候完成一切登录以及授权流程。小程序入口页面增加,业务拓展的时候,你只需要专注于业务实现。
参考资料
微信小程序开发工具 怎么打开微信小程序
若使用的是vivo手机,可进入微信–发现–小程序/微信会话页面下拉,搜索或直接点击已有的小程序即可打开。
微信小程序的登录和授权注意事项
最近负责了一个微信小程序项目,在微信小程序的登录和授权上遇到了一些问题。项目结束后把遇到的问题整理了一下,希望能对大家有所帮助~
关于游客模式,官方的说法是为了给用户提供更好的使用体验,不强制用户必须登录后才能进入小程序。如要求必须授权头像昵称等信息才能继续使用小程序,会导致某些用户放弃使用该小程序。
因此在小程序中上架审核时,多数情况下需要具有游客模式才能审核通过。
所以产品同学在设计开放用户注册类型的小程序时,需要确定好哪些页面是游客可以访问的,哪些页面(功能)是必须登录后才能访问(使用)的哦。如果一开始没有确定好,后期再修改的话可能要面对开发同学们的怒吼了。
在小程序的登录页面,需要提供 可取消 或者 拒绝登录 的按钮。如下图示:
如果在登录页面没有取消按钮或者拒绝登录的按钮,提交审核的时候很有可能审核失败。
微信官方为了用户隐私安全,在微信小程序中 获取用户绑定手机号 和获取 微信账号信息 的接口是分开获取的。意味着如果需要获取用户的手机号、头像和微信昵称,需要调用2个接口去分别获取相关信息。
微信小程序中获取授权信息的接口需要通过 按钮 来触发,且每个按钮触发1次只能调用1个授权接口。所以如何优雅的获取用户的手机号和微信信息就是一个值得思考的问题。因为大部分小程序都是使用手机号码登录,所以我们需要考虑的问题其实是在哪一步获取微信授权信息。
这里可以看一下美团小程序的逻辑:
团队内部沟通过之后觉得类似这种授权方式过于强硬,用户体验不太好。经过沟通后决定使用另外一种解决方案:
当用户通过手机号码登录后系统会给用户一个默认的昵称和头像。登录后用户可以对昵称和头像进行自定义修改。(一般默认昵称采用“用户_XXXX”的形式,默认头像都是一样的。)
当用户授权获取微信信息时我们会拿到用户的微信头像和昵称,这个时候需要判断下是否要替换用户现有的头像和昵称。此时对于用户修改过的部分是不能替换的,只能替换默认头像或默认昵称。为了区别用户自定义头像和昵称,采用了以下方案:
微信头像也是同理。当用户头像为空时,默认使用系统默认头像。在获取微信信息后,需要判断用户头像是否为空:若用户头像为空,则将用户头像替换为微信头像。若用户头像非空,则不再进行替换。
小程序如果需要播放视频的话,需要添加类目“文娱-视频”才能成功通过审核。
需要注意的是添加文娱类目需要有相关的资质证明,如果没有添加对应类目,在审核的时候有可能不能通过哦~
Ps.如果你的小程序能够上传视频,但是没有添加对应的类目,建议在提交审核的时候删除掉所有的视频内容~
以上就是这次在做微信小程序项目中登录和授权部分遇到了问题了,如果有遗漏或者不准确的地方希望大家能够不吝指教~
小程序内用户帐号登录规范调整和优化建议(官方文档链接)

微信小程序怎么开发?
微信版本升级后,打开微信,点击底部的“发现”这个菜单项,就会发现升级后的“发现”菜单里,增加了“小程序”这样一个功能。
2.点击打开小程序后,可以看到有附近的小程序和我的小程序,附近的小程序是所在定位周边的小程序。
下面的小程序列表可以看到的是我们之前打开过的一些小程序,如果有自己觉得很好用的小程序就可以点击左上角,添加到我的小程序里面。
3.微信小程序还有具有搜索功能,打开搜索页面可以输入想要找的小程序。
如何开发微信小程序必须微信登录才可以查看当前页面
您好,
“微信小程序,”开发之前必须要完成和注册认证。如果是个人或者小公司想开发微信小程序,也可以找微信认证第三方开发商,比如赢在移动、正品科技等。
1、微信小程序注册
在微信公众平台官网首页,按照提示点击右上角的“立即注册”按钮,里面总过有12步,按照要求提交就可以了。
2、小程序申请微信认证
政府、媒体、其他组织类型帐号,必须通过微信认证验证主体身份。企业类型帐号,可以根据需要确定是否申请微信认证。已认证帐号可使用微信支付、微信卡券等高级权限。
认证入口:登录小程序—设置—基本设置—微信认证—详情
3、小程序申请微信支付
已认证的小程序可申请微信支付。
4、小程序绑定微信开放平台帐号
小程序绑定微信开放平台帐号后,可与帐号下的其他移动应用、网站应用及公众号打通,通过UnionID机制满足在多个应用和公众号之间统一用户帐号的需求。
UnionID机制说明:如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序),可通过UnionID来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序),用户的unionid是唯一的。换句话说,同一用户,对同一个微信开放平台下的不同应用,UnionID是相同的。用户的UnionID可通过调用“获取用户信息”接口获取。
5、了解“获取用户信息”接口请查看开发文档—API—开放接口—用户信息。
绑定小程序流程说明:登录微信开放平台、—管理中心—公众帐号—绑定公众帐号
注意:微信开放平台帐号必须完成开发者资质认证才可以绑定小程序。
关于微信小程序开发登录页面和微信小程序开发页面代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
