微信小程序开发学习记录

HelloWorld

好久没写软件，现在各种小程序应用非常火，突然想着把软件技能在捡一下。因此买了本《微信小程序项目开发实战》工作之余拿来照本敲敲代码。
记录一下学习过程，已被后查。

使用wepy

书中一开始便是HelloWorld的实战。注册小程序账户，下载开发者工具基本照书里面的介绍操作即可。
不过在使用使用wepy的时候遇到了问题。提示：

wepy init standard HelloWorld
downloading template   wepy-cli · Failed to download repo empty: getaddrinfo ENOENT raw.githubusercontent.com

为啥连接不上这个网站呢？网络问题，网上搜索了一番，有人说是DNS问题，根据上面描述，在C:\Windows\System32\drivers\etc\hosts中加入：

199.232.28.133 raw.githubusercontent.com

然后重新运行 wepy init standard HelloWorld，就能正常生成工程目录了。
后续在进入HelloWorld目录，执行wepy build，一路很通顺。
后续使用开发者工具打开HelloWorld\dist目录，书上说是新建项目，并将工作目录指向以上dist目录，结果软件提示项目文件夹非空，无法新建项目。
后续我尝试使用导入现有项目，就正常导入了。应该是开发者工具版本跟作者写的时候版本更新导致。
后续按照书上新家helloWorld.wpy等操作，就不赘述了。需要注意的是，由于打字错误，在输入书上例子时，会有编译不过的情况。参看报错信息修改后重新wepy build即可。
另外，估计时因为使用了eslint检查，缩进上面编译检查特别严格，不能用tab，缩进必须为2个空格，等等。都会报错，相应修改即可。
后续应该还是要改一下编辑器设置，以解决这些格式编译错误。

简单的Socket程序

书的第二章讲了微信小程序的各类组件，由于没有完整的实例需要做，而本人直接讨厌纯看书，不写代码，因此看了其中一节后直接跳过，留待以后用得到的时候在回来看吧。
直接进到3.2节，Socket聊天小程序。
一开始文中直接扔了一段server.js代码，考虑到并不是学习node.js开发，直接偷懒找书籍提供的样例代码下载使用。
有趣的是，样例代码并不是js文件，而是Python：

其实我觉得Python更好用，随便装个Python2（我的版本是 Python2.7.5）。
然后找到刚才下载的那个文件夹中的server.py，右键点击，选择“Edit with IDLE”。打开这个 server.py文件。

看到了以上的Python代码，然后按下F5键，执行。此时会出现运行界面，表示服务器端代码开始运行了。

下面开始编写服务端代码，就不直接用下载的样例代码了。多写写代码权当增强编码手感。

D:\learn>wepy init standard chat

然后一路回车。
进入工程目录，执行如下命令

cd chat
npm i
wepy build

安装工程依赖包，并编译工程。
编辑chat/src/app.pwy文件，加入chat页面，和promisify。见25行和42行：

这里要注意41行后面没有逗号，改完这个文件后，最好立即wepy build一下，以发现是否有输入错误。免得积累错误太多，调试麻烦。
接下来编写chat.wpy页面，进入chat/src/pages目录，直接新建一个名为chat.wpy的文件。这里需要注意文件名后缀问题，由于Windows默认隐藏后缀名。最好在文件夹设置中选择显示后缀名，如果找不到的话，暂时直接将那个目录下的index文件，重命名为chat即可。

<template>
  <view class="page">
    <text>hello</text>
  </view>
</template>
<script>
  import wepy from 'wepy'
  export default class chat extends wepy.page {
    data = {
    }
  }
</script>

到这里，先使用微信开发者工具像HelloWorld一样，导入项目看看，是否能够看到调试界面中hello。如果有的话，则一切正常，后续可以开始填写书中的chat代码了。