微信小程序開發基礎 -- 開發前的準備

緣由

1月9日張小龍微信小程序正式上線，因為微信，所以小程序從誕生開始就頭戴巨大的光環，很多的團隊，公司以及開發的個體都眼巴巴的盯著這個小程序。而那個時候我卻在全力以赴的研究node，所以也沒有仔細的研究這個風風火火的小程序。本以為此生無甚交集，但是最近公司卻準備開發小程序，而我也"幸運"的被選中......

小程序上線有有一段時間了，雖然還是在不斷的更新，但是卻大體趨於穩定，網上也積累了一定的教程和帖子，所以在研究了一下之後也就決定將自己學習小程序的一些過程記錄在博客中，以供他人參考。

什麽是微信小程序

微信小程序（weixinxiaochengxu），簡稱小程序，縮寫XCX，英文名mini program，是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應用。
全面開放申請後，主體類型為企業、政府、媒體、其他組織或個人的開發者，均可申請註冊小程序。小程序、訂閱號、服務號、企業號是並行的體系。
2017年1月9日，張小龍在2017微信公開課Pro上發布的小程序正式上線。

發展歷程

2016年9月21日，微信小程序正式開啟內測。在微信生態下，觸手可及、用完即走的微信小程序引起廣泛關註。騰訊雲正式上線微信小程序解決方案，提供小程序在雲端服務器的技術方案。
2016年1月11日，微信之父張小龍時隔多年的公開亮相，解讀了微信的四大價值觀。張小龍指出，越來越多產品通過公眾號來做，因為這裏開發、獲取用戶和傳播成本更低。拆分出來的服務號並沒有提供更好的服務，所以微信內部正在研究新的形態，叫「微信小程序」。
2017年1月9日0點，萬眾矚目的微信第一批小程序正式低調上線，用戶可以體驗到各種各樣小程序提供的服務。

小程序核心理念

具備明星光環的小程序，如果在百度裏面查找相關的資料以及介紹，是非常容易的。但是在眾多理念中，我認為最為核心的理念應該就是一句__用完即走__。

那麽什麽是用完即走呢？

非常簡單，當需要的時候，不需要下載動則幾十兆的app，也不需要進行過多復雜的操作，打開微信，開啟小程序，直接使用。而用完直接退出，不用顧慮它是否會過多的占用你手機寶貴的內存。

給人的感覺有點像叫車一樣，需要的時候一個預定，車就來了，到達了目的地，下車，再見。

開發

與其他語言開發動不動就要配置環境，下載一些插件軟件安裝包等等的復雜項目構建不同，小程序的開發非常簡單，直接點擊https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1496882410 根據不同的系統選擇開發工具進行下載，而軟件的安裝也完全是傻瓜式安裝，不存在什麽需要註意的點。軟件安裝好之後，圖標如下：

如果你成功的安裝好了開發工具，那麽恭喜你，你已經搭建好了所有的開發環境，怎麽樣，簡單吧。

而軟件的內部操作界面如下：

無論是調試還是代碼的編輯還是查看代碼的運行僅需要這個開發工具就已經足夠了。

賬號的註冊

當我們開發微信小程序的時候，需要使用appId，用來驗證身份，所以就需要註冊賬號。

點擊這裏 https://mp.weixin.qq.com/ 即可進行賬號的註冊和登陸。

在頁面的右上角點擊立即註冊，既可以進行註冊

進入註冊頁面後選擇小程序。

點擊小程序模塊進入後，輸入基礎信息進行註冊

三步：賬號信息 - 郵箱激活 - 信息登記

註冊完成後重新進行登陸。

輸入賬號密碼後使用綁定的微信號掃描二維碼即可進入如下網頁：

在左邊選擇設置，可以找到開發AppID。

項目創建

我們需要通過開發者工具，來完成小程序創建和代碼編輯。

開發者工具安裝完成後，打開並使用微信掃碼登錄。選擇創建“項目”，填入上文獲取到的 AppID ，設置一個本地項目的名稱（非小程序名稱），比如“我的第一個項目”，並選擇一個本地的文件夾作為代碼存儲的目錄，點擊“新建項目”就可以了。

為方便初學者了解微信小程序的基本代碼結構，在創建過程中，如果選擇的本地文件夾是個空文件夾，開發者工具會提示，是否需要創建一個 quick start 項目。選擇“是”，開發者工具會幫助我們在開發目錄裏生成一個簡單的 demo。

項目創建成功後，我們就可以點擊該項目，進入並看到完整的開發者工具界面，點擊左側導航，在“編輯”裏可以查看和編輯我們的代碼，在“調試”裏可以測試代碼並模擬小程序在微信客戶端效果，在“項目”裏可以發送到手機裏預覽實際效果。

點擊編輯既可以對代碼進行編輯。如果需要調整編輯器字體等相關內容，可以點擊左上角的設置。

微信小程序 --01