微信小程序要怎么制作?

第一步当然是注册账号了。

注册流程：

在微信公众平台右上角点击“立即注册”，选择账号注册类型：【小程序】。

按要求填写小程序账号信息，包括邮箱、密码等等，填写完后，系统会发送你一个邮件，登陆相应邮箱激活账号即可

激活后，选择好主体类型，个人就选个人，企业会需要提交一些资料。一切做好后，这就注册完成了。

使用小程序账号密码登入小程序后台。在【设置】里设置小程序的头像、名字、服务类目（这个一定不要乱写）等信息，提交后等待微信审核。

这样，你的小程序账号就注册好了。

第二步，生成小程序

虽然已经有了一个小程序账号，但是还没有一个真正的小程序实体，空有名字，而不知道它到底长什么样子。目前市面有很多第三方小程序开发工具，我们可以用它们来做。这里我以沃然建站平台小程序开发工具为例，给大家示范下如何制作一款自己的小程序

1.选择模板首先，挑选一个你喜欢的模板，开始编辑。

2.直接点击“添加新的商品”，就可以把自己的产品都上架了。如果商品较多，别忘了在【商店设置】里设置好商品分类。

3.风格设计装修，选择喜欢的主题颜色和导航栏，也可以自定义颜色。

4.添加或删除各种板块。一个小程序商城就是由各种板块组成的：轮播图、快捷按钮、滑动布局、优惠活动等等。

一个属于你自己的文章小程序就制作完成了。再点击左下角的立即发布，授权给你刚刚在微信公众平台注册的小程序账号，就一切搞定！

就是这么简单~是不是没有任何难度？以上就是微信小程序怎么制作教程了。

先做小程序“我的”页面，需要注意的有两个点：

先上图，有图才有真相：

这一块我增加了一个隐藏的button, 未获取到用户信息时，显示为默认头像和“微信授权”的文字提示，登陆后，头像变为微信头像，文字变为微信昵称。

具体ui为判断没有授权则显示默认头像及提示，并在其上层覆盖一个透明的button，用户触发授权事件。

在js中需要注意的是，open-type="getUserInfo"需要做老版本兼容，老版本通过wx.getUserInfo即可唤起授权页面，不需要添加button去触发

详情见下一篇： 微信小程序：“我的”页面布局（二）：可配置功能菜单列表

微信小程序：“我的”页面布局（一）：微信用户信息获取及UI

微信小程序：“我的”页面布局（二）：可配置功能菜单列表

---