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代碼了。