微信小程序自定义tabbar，实现不同角色不同的tabbar

参照微信小程序官方文档， 自定义tabbar ，但该文档只是实现了自定义tabbar，没有实现不同角色不同的tabbar，且官方文档中的custom-bab-bar组件中的setData方法存在在真机上不能重新渲染的bug，可能是由于缓存造成的。

本项目仓库： customtabbar 。

主要是在tab的页面组件中调用getTabBar接口后再调用setData方法，从而实现了tabbar的重新渲染。

在微信小程序里，webviewH5向miniProgram通讯只能通过 postMessage 函数

然而这个函数却很鸡肋，小程序官方文档是这样描述的： 向小程序发送消息，会在特定时机（小程序后退、组件销毁、分享）触发组件的message事件

而且小程序官方文档里没有提到miniProgram如何向webviewH5通讯

在这个demo中, 展示了我是如何让webviewH5和miniProgram互相通讯

其实原理很简单:

success

failure

cancel

>

 最近负责了一个微信小程序项目，在微信小程序的登录和授权上遇到了一些问题。项目结束后把遇到的问题整理了一下，希望能对大家有所帮助~

 关于游客模式，官方的说法是为了给用户提供更好的使用体验，不强制用户必须登录后才能进入小程序。如要求必须授权头像昵称等信息才能继续使用小程序，会导致某些用户放弃使用该小程序。

因此在小程序中上架审核时，多数情况下需要具有游客模式才能审核通过。

 所以产品同学在设计开放用户注册类型的小程序时，需要确定好哪些页面是游客可以访问的，哪些页面（功能）是必须登录后才能访问（使用）的哦。如果一开始没有确定好，后期再修改的话可能要面对开发同学们的怒吼了。

 在小程序的登录页面，需要提供 可取消 或者 拒绝登录 的按钮。如下图示：

 如果在登录页面没有取消按钮或者拒绝登录的按钮，提交审核的时候很有可能审核失败。

 微信官方为了用户隐私安全，在微信小程序中 获取用户绑定手机号 和获取 微信账号信息 的接口是分开获取的。意味着如果需要获取用户的手机号、头像和微信昵称，需要调用2个接口去分别获取相关信息。

 微信小程序中获取授权信息的接口需要通过 按钮 来触发，且每个按钮触发1次只能调用1个授权接口。所以如何优雅的获取用户的手机号和微信信息就是一个值得思考的问题。因为大部分小程序都是使用手机号码登录，所以我们需要考虑的问题其实是在哪一步获取微信授权信息。

 这里可以看一下美团小程序的逻辑：

团队内部沟通过之后觉得类似这种授权方式过于强硬，用户体验不太好。经过沟通后决定使用另外一种解决方案：

 当用户通过手机号码登录后系统会给用户一个默认的昵称和头像。登录后用户可以对昵称和头像进行自定义修改。(一般默认昵称采用“用户_XXXX”的形式，默认头像都是一样的。)

 当用户授权获取微信信息时我们会拿到用户的微信头像和昵称，这个时候需要判断下是否要替换用户现有的头像和昵称。此时对于用户修改过的部分是不能替换的，只能替换默认头像或默认昵称。为了区别用户自定义头像和昵称，采用了以下方案:

 微信头像也是同理。当用户头像为空时，默认使用系统默认头像。在获取微信信息后，需要判断用户头像是否为空：若用户头像为空，则将用户头像替换为微信头像。若用户头像非空，则不再进行替换。

小程序如果需要播放视频的话，需要添加类目“文娱-视频”才能成功通过审核。

需要注意的是添加文娱类目需要有相关的资质证明，如果没有添加对应类目，在审核的时候有可能不能通过哦~

Ps如果你的小程序能够上传视频，但是没有添加对应的类目，建议在提交审核的时候删除掉所有的视频内容~

 以上就是这次在做微信小程序项目中登录和授权部分遇到了问题了，如果有遗漏或者不准确的地方希望大家能够不吝指教~

小程序内用户帐号登录规范调整和优化建议(官方文档链接)

小程序的开发流程如下：

1、首先得申请属于自己的小程序帐号。以微信小程序为例，分为个人和企业两种类型，企业需要的资料就比较多，过程稍显繁复，而个人申请相对就容易得多。

2、按照小程序官方文档，下载微信开发者工具。注意：微信开发者工具会让你先进行登录，然后选择本地项目，如果没有，可以创建一个新的文件夹，他会自动给你生成默认的文件，然后填入你的appID，如果不填写，他会生成一个错误的appID给你放上去，导致你写完的demo，无法上传到微信后台，从而影响你后台的审核，这一点在小程序的开发过程中必须要特别注意，谨防入坑。

3、如果都配置完成，那就可以在本地微信开发者工具中进行小程序的开发了，接下来就可以去看微信后台的文档进行前端的小程序的开发了，如果需要后端的数据提供，一切都是可以通过接口进行实现的。

4、小程序的开发完成之后，可以通过上传功能进行上传demo到微信后台，进行提交审核，审核通过之后就可以进行发布到线上了。注意：发布到线上的才可以在微信中搜索到，不然可以在微信开发工具中生成开发版的二维码进行查看。

以上就是关于微信小程序自定义tabbar，实现不同角色不同的tabbar全部的内容，包括:微信小程序自定义tabbar，实现不同角色不同的tabbar、2021-02-06 让微信小程序和webviewH5实现互相通讯（demo）、微信小程序的登录和授权注意事项等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！