微信小程序开发

微信小程序开发

要求

1. 看得懂js与json
2. 看得懂html

1. 申请账号获得appid

首先进入 微信公众平台进行注册登录，并且获得appid（在后面开发时需要）

然后进入微信开发者下载开发者工具，并且安装。

2. 开始一个小程序项目

打开开发者工具，并登录。

选择小程序项目。

然后便进入了一个可以编辑预览的界面。

3. 目录结构

– app.js

这个是写整个app的js，里面有一个App函数，函数的参数是一个json串，可以实现很多操作，比如onLaunch就是小程序启动的时候会被触发。

– app.json

这个是整个app的数据，里面是一个json串，比如pages可以写一些界面的位置，window可以修改一些导航栏的属性。

– app.wxss

我觉得这个就像css一样，是写一些class样式的。

– project.config.json

这个里面主要是写一些配置信息。

4. Helloword显示

想要显示一个helloword主要就是要写一些界面，我们可以在项目下面的pages/index下面修改，这个里面index.wxml我觉得就类似于一个html。可以写一些静态东西，比如我在这里写：

<view>
    <text class="window" >Hello</text>
</view>

他的意思就是显示一个hello兵器样式为window，而样式需要在index.wxss中书写。

.window{
  color:brown;
}

而index.js是必须的，必须要在上面写一个Page至于里面的数据则可有可无。

上面的工作完成后，其实就可以显示了，之所以程序能找到这个index.wxml是因为在app.json中的pages中配置了这个路径。

  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],

到此为止一个hello的小程序就完成了。

5. 参考

https://blog.csdn.net/Duan_Super/article/details/79390683