一、前情
直接切入主題,微信發布了小程序,前端開發者表示,如果不會微信小程序的開發感覺就跟不上時代了,先解答幾個容易出現歧義的問題
小程序就叫小程序,不叫應用號,因為apple不准,哈哈
小程序是不挑戰原生app的
以上立場是我看了一兩天的資訊所得,其實大家細思也不難得到這樣的結論滴~文章寫給懶人的,三言兩語快速入門篇,哈哈!
二、先look下
1.微信小程序開發ide
2.小程序跑在手里中的效果
小程序出現在發現頁面
小程序menu
進入小程序界面
三、環境搭建篇
哈哈,看到上邊的圖我想大家早就按耐不住了。。其實自微信小程序發布那天作為一名前端狗我就早已按奈不住自己的小心情勒。。話不多說,我們下面就來搭建環境。。
簡而言之,小程序處於內側中,開發ide和跑在手機中的效果我們是看不到,但是開發的ide現在被破解了,所以我們可以提前look下開發的ide,且一些開發文檔也是有滴,so,我們雖然不能在手機中預覽,但是嘗嘗鮮跑在電腦里看下,還是ok的。
怎么用呢?我給大家打包的文件主要有三個:
1.weixin7 先安裝
2.weixin9 二安裝
3.替換程序 按目錄替換到weixin9中
我們都知道小程序開發ide再打開的時候需要授權,只有特定用戶才能看到,破解的原理是先安裝版本為7的,之后安裝版本為9的,這兩個程序當然要安裝在不同滴目錄,之后把相應的替換程序按着文件夾替換到weixin9這個目錄中去,替換完成及完成了破解。。最后我們先打開版本為7的ide,掃碼登陸,之后關掉,這時候在打開版本為9的,這時候就會成功的繞過了ide的驗證,就成功破解登陸了!如圖:
點擊添加項目,這三項大家隨便填寫咯!最后點擊右下角的“添加項目”即可打開我們文章最開始的那個ide開發界面,下面我們來繼續探秘,工程的文件目錄是如何構造的。。。嘿嘿,越來越期待咯~
四、工程目錄簡介篇
古人雲,一圖勝千言,大家直接看圖就ok
json后綴的文件是對小程序的配置文件。我們可以在這個文件中配置小程序的窗口背景色, 配置導航條樣式,配置默認標題。注意該文件不可添加任何注釋。
wxss后綴的是整個小程序的樣式表。當然我們可以在頁面組件的class屬性上直接使用app.wxss中聲明的樣式規則。 ……………………………………
五、小程序跑起來了
Rt,大家還等什么?趕快動手試試吧!呵呵~~
程序下載地址,我暫時把他放到我的小水管服務器上,稍后把他轉移到百度雲。。。時間不允許,嘿嘿收拾東西,下班!