大将军手把手教你如何开发一套属于自己的微信小程序

本文基于macos，如果需要win环境，可参考微信开发者官方网站

1.下载微信开发者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2.安装工具

3.打开微信开发者工具后需要微信扫码登录

登录后新建项目

这里需要appID ,如果没有id可以注册或者使用测试号,这里跟微信官方所说的不太一样，官方说的是:需要选择一个空目录，或者选择的非空目录下存在 app.json 或者 project.config.json。当选择空目录时，可以选择是否在该目录下生成一个简单的项目。因为是新建项目，所以默认打开的项目路径就是/User/$username/WeChatProjects/#projectname。

多开项目

工具支持同时打开多个项目，每次打开项目时会从新窗口打开，入口有以下几种：

1. 从项目选择页打开项目，处于项目窗口时可以从菜单栏的项目 -> 查看所有项目打开项目选择页
2. 从菜单栏的最近打开项目列表中打开的项目会从新窗口打开
3. 新建项目
4. 命令行或 HTTP 调用工具打开项目

可以管理项目等等，

 

新建项目后，自动打开的是微信授权登录的页面，微信已经给做好了。默认打开的是三个窗口，模拟器，编辑，调试，我们可以单击左上角对应的按钮进行窗口切换。

看到上述页面，有一个helloword,，然后在编辑模式搜索，可以在page中找到对应的文字,修改为”冯二强“，然后保存，该页面自动刷新，看到刚修改的文字已经改变了。

接下来修改小程序标题，同样通过查找WeChat，可以定位到一个叫window的方法，虽然不知道属性什么意思，但是可以改下试下

结果发现：闷热的天气出现在小程序的标题位置了

同时看到的还有window的其他属性，我们要不要也试一下呢？通过尝试知道window是应用头部的部分如图

"backgroundTextStyle":"dark",这个是背景的字体支持只有两种：light，dark

"navigationBarBackgroundColor": "#f0f"，这个是上边的背景颜色，fff为白色，我们设置其他色值后保存，可看到实际的效果。

"navigationBarTitleText": "天气真热"，这个就是刚才的文字，从测试的角度考虑，不知道超长会出现什么情况，可以试下，实际结果我已经帮各位试过了，”天“字大概居中，后续文字多的话会省略为。。。

"navigationBarTextStyle":"white"，这个是”天气真热“的字体颜色，默认是black，而且只有white,black两种

那登录认证是不是也可以改呢？

当然

从上图xml中可以看出，先是定义了一个容器，容器中先有一个button，判断是不是要允许获取权限和接口是否可用，如果可以用，就通过getuserinfo方法获取用户头像和昵称，并将头像和昵称放在一个block中，这里我们就可以随意发挥了。