1. 程式人生 > >微信小程式_快速入門01

微信小程式_快速入門01

這段時間,嗯,大四課程已經結束了,工作也已經找到了,但是呢,到公司報道的時間還沒到,哈哈,馬上就開始人生的第一份工作了,怎麼說確實有點期待~
在這段時間一方面為第一份工作做各種準備,另一方面也沒有停止自己對網際網路的探索,哈哈,於是乎,就決定折騰微信小程式了。
廢話就省了,哈哈。快速開始吧:
首先參照 微信小程式官網開發教程 註冊好微信小程式賬號以及下載好開發者工具。
在按照官網開發文件準備好賬號和工具後,就到了我們正正要玩的東西了:程式設計~~
開啟開發者工具並簡歷一個最初的demo專案:

程式結構說明:
-------------------------------------------------------------------------------------------------------------------------

└─ empty-folder/ ·································· 專案所在目錄
├─ pages/ ······································ 頁面目錄
│ ├─ index/ ··································· index頁面
│ │ ├─ index.js ······························ index頁面邏輯
│ │ ├─ index.wxml ···························· index頁面結構
│ │ └─ index.wxss ···························· index頁面樣式
│ └─ logs/ ···································· logs頁面
│ ├─ logs.js ······························· logs頁面邏輯
│ ├─ logs.wxml ····························· logs頁面結構
│ └─ logs.wxss ····························· logs頁面樣式
├─ utils/ ······································ 公共指令碼目錄
│ └─ util.js ·································· 工具指令碼
├─ app.js ······································ 應用程式邏輯
├─ app.json ···································· 應用程式配置
└─ app.wxss ···································· 應用程式公共樣式


wxml就類似我們web開發中常寫的html頁面,js和web中的也一樣,wxss就是平時我們寫的css檔案。
好了,到這裡我們已經準備好了所有的環境基礎,現在可以來測試以下,體驗釋出並在自己的手機好好體驗,好好。
來:
在開發者工具裡找到【上傳】

填寫好上傳資訊並確認後,登入微信小程式管理平臺,在開發管理模組就已經接收到了提交的資訊:

可以看到右邊綠色的按鈕可以切換為體驗版,此時切換到體驗,提交,可以得到一個二維碼,手機掃描二維碼,就可以在自己手機上體驗第一個自己的微信小程式了,哈哈。

好了,上面都測試通過了,那麼基本的探索已經完成了。
接下來就是該好好的去研究探索如何釋出出一個真正能用的實用的微信小程式了。