首先你要知道焰宣，這是一套微信小程序入門級的教程，原理捕仔、理念這些東西統(tǒng)統(tǒng)沒有匕积，這里只有一樣?xùn)|西 -- 快速使用并開發(fā)。
這個系列主要講解后端工程師如何快速入門小程序榜跌。本篇為你講解如何獲得開發(fā)權(quán)限闪唆、工具等。
先下個工具再說
微信官方提供了一個小程序的開發(fā)工具钓葫，經(jīng)歷了幾個版本后已經(jīng)很好用悄蕾，當(dāng)然也很消耗內(nèi)存，現(xiàn)在提供windows和mac平臺版本础浮，Linux暫時無緣帆调。
mac上的樣子
獲取小程序開發(fā)賬號
有很多能讓你開發(fā)小程序的途徑，免費的和收費的豆同，一一說來番刊。
體驗賬號
使用開發(fā)工具就可以新建體驗類的小程序，當(dāng)然既然是體驗類影锈，有些比如小程序的微信支付功能等是無法使用的芹务，供學(xué)習(xí)使用還是夠的。
建立體驗項目很簡單鸭廷，見下圖枣抱。
對的，很方便靴姿。
有服務(wù)類公眾號
如果你有一個服務(wù)公眾號沃但，那么用你公眾號的主體可以直接獲得一個免費的小程序磁滚，如果你的公眾號申請了微信支付佛吓，則小程序也可以申請支付功能，不需要任何money垂攘。
在上圖AppID文本框內(nèi)輸入你的小程序AppID维雇，具體可以在公眾號平臺用你申請小程序時候設(shè)置的賬號和密碼登陸后得到。
登錄地址
mp.weixin.qq.com/
如果你玩公眾號則一定不陌生晒他，是一個登錄框吱型。
獨立申請
這個是最麻煩的，流程也比較多陨仅，要求和公眾號申請差不多津滞，如果你需要微信支付等還需要交300元铝侵，騰訊是和300干上了。
申請地址
具體流程點擊后一步一步來就好了触徐。
我推薦去注冊一個服務(wù)號咪鲜，然后免費獲得一個，這樣還多了一個公眾號撞鹉，比較實在疟丙。
Hello World
學(xué)習(xí)一門語言第一步總是要寫一個Hello World，我來啦鸟雏。
按照上面的步驟進(jìn)入到小程序編輯器頁面享郊，你會看到默認(rèn)的一些文件，我們來一一說明下孝鹊，為了方便理解炊琉，我們拿yii來對比說明下。
由此我們總結(jié)如下
- 當(dāng)我們訪問一個小程序頁面又活，它的路由是pages/controller/action温自，對應(yīng)的路徑問/pages/controller/action.js
- 業(yè)務(wù)邏輯實現(xiàn)寫在具體的action.js內(nèi)。
- 不需要render皇钞，action.js會主動的加載同級目錄下的action.wxml 文件悼泌，這就是視圖。它里面就是類html標(biāo)簽夹界，只不過我們常用的div在這里變成了view馆里，你可以使用style，也可以class可柿。
- 每個視圖會主動加載同名的action.wxss鸠踪，就是css。只不過只能一級复斥，不能類似于 .box .title {}這樣营密。
- app.wxss也會累加到action.wxml中。
你可能會問model去哪了目锭？我們只是對比學(xué)習(xí)评汰，但是小程序畢竟不是mvc，你如果真有一些很公用的可以放到utils文件夾內(nèi)痢虹，然后require就可以被去。
es6
如果你對前端有一定了解，則無需我多言奖唯，小程序的js使用的就是es6的語法惨缆，當(dāng)然你如果不會也沒關(guān)系，會一些js也足以搞定。
Hello World
好坯墨，接下來寫一個hello world寂汇，我們新建一個action頁面并放到index控制器下。
我們叫做hello捣染，新建后多了4個文件健无，分別是hello.js / hello.wxml / hello.wcss / hello.json。
并且開發(fā)工具對文件內(nèi)容進(jìn)行了一個初始化液斜，打開hello.js后我無需多言累贤，通過每個函數(shù)的備注你應(yīng)該就知道了。
因為我們只是顯示少漆，因此我不打算動hello.js而是直接在視圖里動手腳臼膏。如下圖。
好的示损，接下來看看戰(zhàn)績渗磅。
</figure>
ok啦~
是不是很簡單，我們完成了第一個小程序頁面检访，雖然它意義不大始鱼。跟著這個系列，我們來一起了解小程序的方方面面脆贵。
本文作者：北哥 個人站長 @ 北哥兄弟連
原文地址：小北微信小程序之小白教程系列之-Hello World-入門系列-小程序社區(qū)-微信小程序-微信小程序開發(fā)社區(qū)-小程序開發(fā)論壇-微信小程序聯(lián)盟
