幾個月之前張小龍的一次公開演講第一次提到應用號，今天終于以小程序的名字正式對外小范圍公測，只有200個邀請名額，我知道你肯定沒有被翻牌子，我也沒有。

不管是朋友圈、訂閱號、服務號，只要是搶先專注機會的人都嘗到了不小的甜頭，那么如今的小程序也一樣，很多創業者、開發者都躍躍欲試。

微信小程序請公測以來已經一周了，有三類同學對詞比較關注。一是創業者，二是App開發者，三是前端開發者。

基于此，創業者可能思考更多的是能否減少成本，能否把產品做的更好，其中能有哪里價值和可為的事。App開發者在思考小程序對App開發的沖擊有多大？是不是像傳言一樣，小程序會搶占App的開發市場，導致App開發者會失業？前端開發者也許嘴角上揚了一下，近幾年微信訂閱號、服務號、企業號已經在帶動著H5的發展，這下小程序絕對是一個重磅炸彈。那么事實究竟是怎么樣的呢？且聽我慢慢道來。

小程序究竟能做什么

要想搞清楚這個問題，我們必須徹底的了解微信小程序是什么、它的開發流程、它的能力、它的優點、它的局限性，了解了這些我們才能把它對于企業的作用發揮到最大。

首先來看看厘訊網是怎么說的：

小程序是一種不需要下載安裝即可使用的應用，它實現了應用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應用。也體現了“用完即走”的理念，用戶不用關心是否安裝太多應用的問題。應用將無處不在，隨時可用，但又無需安裝卸載。

看了這句話的人可能大概明白了“小程序”這個產品要做什么，它提供的能力是什么。那么它對于企業來說究竟能做什么呢？

小程序的發布與如何打開

看到張小龍的圈下面有人評論到“App Store不讓叫應用號、蘋果想霸占App這個詞”，也許你已經想到了，微信的小程序發布也需要微信的審核，但是時間遠遠沒有App Store那么長。

打開已經發布了的微信小程序有兩種方式，一是掃二維碼、二是微信搜索，掃碼已經可以掃了，但是目前是小范圍公測階段，所以很多人沒有體驗的權限。微信搜索目前還沒開放出來，所以在客戶端看不到響應的入口。在搜索出結果后點擊確認后會進入小程序的歡迎頁，歡迎頁在下面會講到。

如何把握現有App和小程序的度

企業主和App開發者都會思考這個問題，小程序的的出現對App有什么影響呢？

我認為我們應該保持現在App的迭代更新，將小程序作為一個lite版去做一些產品、功能性實驗，畢竟小程序的開發成本、發布上線時間等都是相對比較低的。

有人說我們應該把選擇權交給用戶。粗略考慮這話沒錯，我們也確實應該在更多的渠道去抓用戶，但是我認為我們始終應該把握住App這個陣營，說不定微信哪天就沒落了，我們絕不能沒有自己的產品線。

同樣的道理，微信、支付寶很早就為淘寶、口碑、滴滴、餓了么、京東等App開了專門的用戶通道，但是用戶還是用原生App的占絕絕絕大多數。

小程序和公眾號內嵌H5有什么區別

為什么沒有直接說小程序和公眾號的區別呢？因為小程序原名叫應用號，它也是公眾號的一種，所以我這里把它和傳統的公眾號內嵌H5來做對比。

從產品的角度來講

之前做公眾號時，微信底部會提供菜單作為功能引導入口，最終的結果還是引導用戶到H5頁面，其實H5的體驗和Native App的差距還是比較大的。而微信小程序吸引人的地方在于它提供了豐富的框架組件和API接口供開發者調用，具體包含：界面、視圖、內容、按鈕、導航、多媒體、位置、數據、網絡、重力感應等。在這些組件和接口的幫助下，運行在微信上的小程序基本保持和Native APP一樣的流暢度，極大的提高了用戶的體驗。

從開發的角度來講

由于不論是App、H5，它們的Server端都一樣，所以這里不討論。

之前的開發就是我們講的傳統的前端：html、js、css，加上微信用js提供的一些原生能力，最終的展現形式也是用手機內置瀏覽器（WebView）打開我們的頁面，但是歸根結底都是H5，這種方式我們應該熟悉的不能再熟悉了。

小程序我們可以簡單粗暴的理解為RN（React Native），用大白話來講就是用H5寫的程序，最后以Native App的方式來運行，他們的原理都是用JS調用底層Native組件。

在寫這篇文章之前，我也親自去寫了一個Demo體驗了一把，配置文件用.json，頁面的結構文件用.wxml，事件與邏輯處理用.js，頁面樣式用.wxss，

小程序開發工具圖

可以把wxml理解為html、wxss理解為css，稍微有點變化，但是語法還是一樣的。

小程序的能力有哪些

這里說的能力除了界面、視圖、內容、按鈕、導航、多媒體、位置、數據、網絡、重力感應這些api大家腳后跟都能想到的能力外，介紹一些之前公眾號H5不能實現的功能。

一、微信導航欄

在傳統的公眾號開發時，我們不能對導航欄做任何的樣式定制，現在在小程序中我們可以定義導航欄的背景顏色（background-color）。但開發者需要規定小程序各個頁面的跳轉關系，讓導航系統能夠以合理的方式工作。

微信導航欄分為導航區域、標題區域以及操作區域。其中導航區控制程序頁面進程。目前導航欄分深淺兩種基本配色。

導航區（iOS、Android）：導航區通常只有一個操作，即返回上一級界面，而點擊安卓手機自帶的硬件返回鍵也起到相同作用。

導航欄操作演示

微信導航欄自定義顏色規則（iOS、Android）:小程序導航欄支持基本的背景顏色自定義功能，選擇的顏色需要在滿足可用性前提下，和諧搭配微信提供的兩套主導航欄圖標。建議參考以下選色效果：

導航欄配色演示

二、頁面內標簽分頁導航

我們可以根據需要在頁面添加標簽（Tab）分頁導航，若僅為一般線性瀏覽的頁面建議僅使用微信導航欄即可。

標簽分頁欄可固定在頁面頂部或者底部，標簽數量不得少于2個，最多不得超過5個，為確保點擊區域，建議標簽數量不超過4項。一個頁面也不應出現一組以上的標簽分頁欄。

其中小程序首頁可使用微信提供的原生底部標簽分頁樣式，該樣式僅供小程序首頁使用。開發時可自定義圖標樣式、標簽文案以及文案顏色等；小程序首頁原生底部標簽分頁。同樣的，我們在設計的時候也注意風格選色。

三、小程序App啟動頁

小程序啟動頁是小程序在微信內容一定程度上展現品牌特征的頁面之一。本頁面將突出展示小程序品牌特征和加載狀態。啟動頁除品牌標志（Logo）展示外，頁面上的其他所有元素如加載進度指示，全部由微信統一提供，我們不用開發也不能開發。

四、小程序頁面下拉刷新與加載

在微信小程序內，微信提供標準的頁面下拉刷新加載能力和樣式。在樣式上，微信提供了深色、淺色兩套方案，并且刷新圖標與下拉標示配色已捆綁，我們在開發時應注意下拉標識與刷新圖標的和諧統一，這些下拉的交互和動畫等由微信統一提供，我們不需要開發。

為了防止造假與作弊，微信小程序提供了下拉刷新時的標志，此處標示提供深淺兩套方案，文字顏色不可自定義，我們在開發時應注意配色要和標志顏色明確區分。

無論在什么頁面我們都應該告訴用戶目前的加載狀態，以免讓用戶誤以為App卡死。對于此，微信也提供了兩種頁面加載樣式。第一種可以明確的告訴用戶目前的加載狀態、進度等；第二種由于覆蓋整個頁面無法明確告知具體加載的位置或內容將可能引起用戶的焦慮感，因此我們要慎用第二種。

微信小程序設計指導提示我們：

* 若載入時間較長，應提供取消操作，并使用進度條顯示載入的進度。

* 載入過程中，應保持動畫效果，以免用戶產生App卡死的錯覺。

* 不要在同一個頁面同時使用超過1個加載動畫。

注意：這里只例舉了最重要的四點，當時它的能力不僅僅是這些，更多的待你去挖掘。

小程序的優點和缺點

我始終相信凡事都是有兩面性的，而對于一個產品來說，它肯定有有點和缺點的，如果合理利用了它的優點和缺點，那也是事半功倍的。

微信小程序的好處很多，不然就算騰訊推到天上去也絕不可能這么火，我就不一一例舉了，但是目前最明顯的就是不用用戶安裝我們App，就可以讓用戶體驗到媲美Native App的流暢度。

它的缺點其一在于在于我們不能使用dom、window等對象了，可能限制了一些功能，但是看了微信的封裝后我覺得這也并不是壞事。

缺點其二是微信小程序發布時的代碼限制大小為1024kb，也許正是因為它小，所以叫小程序吧。

我們最最關心的有兩點：

如何獲取用戶關注度。

如何在眾多的小程序中脫穎而出博得存在感。

這兩個問題可不是精準的關鍵字和美觀的UI能解決的問題，等微信小程序開放全面公測后，以目前微信小程序的熱度，到時候不知道要冒出來多少應用呢，這是個難點。

微信小程序會干掉App嗎

終于回到主題了，我的觀點超級無敵的明確：絕對不會。js可能