近日，一個(gè)名為“手把手教你：技術(shù)小白如何上線百度輕應(yīng)用”的超長(zhǎng)帖子被各大開(kāi)發(fā)者社區(qū)熱捧，發(fā)帖人“香八拉碳烤店老板”也被吧友們封為“史上最無(wú)私的技術(shù)小白”。

筆者搜索到該帖發(fā)現(xiàn)的確名至實(shí)歸，首先“內(nèi)容超長(zhǎng)”——洋洋灑灑16頁(yè)，配圖超多，同時(shí)“介紹超細(xì)”——他如何采用App Builder開(kāi)發(fā)的每個(gè)小步驟都分外清楚，這簡(jiǎn)直不是個(gè)帖子，而是個(gè)“App Builder開(kāi)發(fā)輕應(yīng)用白皮書”！閑話少說(shuō)，上干貨！

“香八拉碳烤店老板”（以下簡(jiǎn)稱小白老板）主要提供多種肉類及蔬菜碳烤，自稱絕對(duì)比上了輕應(yīng)用后估值超過(guò)4000萬(wàn)的“黃太吉”提供的煎餅果子好吃。小白老板在微博了解到百度輕應(yīng)用四城巡展沙龍12月7日在北京新大都飯店舉辦，離他的小店很近，所以就去聽(tīng)了聽(tīng)，了解到借助App Builder技術(shù)小白也可以開(kāi)發(fā)輕應(yīng)用。回來(lái)就試用了App Builder，簡(jiǎn)單幾步就能創(chuàng)建屬于自己的輕應(yīng)用，而且通過(guò)審核之后，用手機(jī)百度搜索小店名字“香八拉碳烤”，***位就是他店的輕應(yīng)用。簡(jiǎn)單幾步就能上百度搜索，客戶可以即搜即用，關(guān)鍵創(chuàng)建和發(fā)布輕應(yīng)用都不需要費(fèi)用 !

圖1：百度搜索框搜索店名，排名***

小白老板首先介紹，他是采用APP Builder所提供的模版輕松建成自己的輕應(yīng)用的。筆者先順便提一句，這個(gè)***的公眾賬號(hào)模板可不是為餐飲業(yè)量身定做的，你可以用它建立任何主題任何行業(yè)的應(yīng)用，能干什么就看你的想象力了。

以下就是小白老板開(kāi)發(fā)輕應(yīng)用的詳細(xì)記錄哦！

首先，打開(kāi)創(chuàng)建平臺(tái)APP Builder 的首頁(yè)（http://appbuilder.baidu.com/），上面有一個(gè)大大的按鈕“創(chuàng)建輕應(yīng)用”，想創(chuàng)建輕應(yīng)用的趕緊點(diǎn)擊。然后會(huì)出現(xiàn)一個(gè)這樣的頁(yè)面。取個(gè)一看就能知道你這應(yīng)用是干嘛的名字，不然搜索出來(lái)都沒(méi)人打開(kāi)，我就直接以小店名字命名了。寫幾句漂亮的簡(jiǎn)介，搞個(gè)好看一點(diǎn)的圖標(biāo)。這些東西在搜索結(jié)果里會(huì)顯示出來(lái)，這可是應(yīng)用的門面，別馬虎了。二維碼就隨意吧，純屬個(gè)人愛(ài)好。

填好了，就點(diǎn)擊下一步，然后你會(huì)看到這個(gè)頁(yè)面。想想你的應(yīng)用框架是什么，然后填入三個(gè)主導(dǎo)航。沒(méi)想好的話，就跳過(guò)吧，此處不用糾結(jié)，反正后面要修改也方便。

還是點(diǎn)擊下一步，此時(shí)肯定會(huì)有人問(wèn)“就三導(dǎo)航嗎？能不能加幾個(gè)呀？”我只能以過(guò)來(lái)人的身份告訴你，就三主導(dǎo)航，但是你還可以添加子導(dǎo)航，一個(gè)主導(dǎo)航可以加5個(gè)子導(dǎo)航，應(yīng)該夠用的。此時(shí)肯定又會(huì)有人問(wèn)“那在哪里添加子導(dǎo)航呀？”我只能再次以過(guò)來(lái)人的身份告訴你，別著急，后面還有很多功能需要設(shè)置，添加子導(dǎo)航會(huì)有的。

好了，暫且安心進(jìn)入內(nèi)容編輯吧。剛才設(shè)置的每個(gè)導(dǎo)航都會(huì)對(duì)應(yīng)一張信息卡片，客戶點(diǎn)擊導(dǎo)航就能接收到相應(yīng)的卡片信息。卡片編輯也還有很多東西可以在后面完善內(nèi)容中設(shè)置，別著急哈，先按部就班把這些基礎(chǔ)的內(nèi)容填好。

卡片編輯也是一個(gè)蘿卜一個(gè)坑，好好填就對(duì)了。填好了，別忘了瞅一眼旁邊的模擬器，看看效果。PS：效果好壞全在照片，好好拍，好好選，好好調(diào)是關(guān)鍵。卡片編輯好了，別忘了保存，不然努力就白費(fèi)了。

填完卡片就趕緊生成應(yīng)用，好戲還在后頭呢~生成應(yīng)用后，也不用自個(gè)操心提交發(fā)布的事，系統(tǒng)在生成應(yīng)用的同時(shí)就幫你提交了，你只要好好完善內(nèi)容，讓百度的程序猿哥哥趕緊通過(guò)審核就可以了。

作為一個(gè)靠譜的好青年，生成應(yīng)用的頁(yè)面怎么能不上圖？！

應(yīng)用生成了，別著急著推廣，也別干坐著等待審核結(jié)果。點(diǎn)擊“管理我的應(yīng)用”到管理中心看看，我已經(jīng)迫不及待想告訴大家還有哪些好玩的了。下面是應(yīng)用管理中心的截圖。

想必大家***次打開(kāi)管理中心都會(huì)看到這個(gè)粉色（橙色？）的氣泡提示，完善內(nèi)容真的很重要，不然輕應(yīng)用里面太空，客戶看了也不會(huì)喜歡。所以，進(jìn)入管理中心后，還是***時(shí)間點(diǎn)擊完善內(nèi)容吧，剛才說(shuō)的更多功能全在這里。

點(diǎn)擊完善內(nèi)容后，就會(huì)出現(xiàn)這個(gè)頁(yè)面。先進(jìn)行頁(yè)面配置吧，這個(gè)比較重要。

頁(yè)面上藍(lán)色小鍵就是添加子導(dǎo)航，挺顯眼的，有需要添加子導(dǎo)航的可以慢慢加，一共可以加5個(gè)，我的小店都用不完。如果對(duì)剛才設(shè)置的主導(dǎo)航不滿意，也可以點(diǎn)擊修改，鼠標(biāo)選中哪個(gè)就可以編輯哪個(gè)，還挺方便的。

添加子導(dǎo)航時(shí)要注意，不管鼠標(biāo)選定哪個(gè)主導(dǎo)航，點(diǎn)擊添加子導(dǎo)航后都要記得看一看分組。我在配置的過(guò)程中就遇到過(guò)，選了第三個(gè)主導(dǎo)航，點(diǎn)擊添加子導(dǎo)航，結(jié)果默認(rèn)的是添加***個(gè)主導(dǎo)航上，所以在添加子導(dǎo)航時(shí)要格外注意下分組。

添加子導(dǎo)航后，應(yīng)用的架構(gòu)就清晰多了。

如果導(dǎo)航修改后，卡片和導(dǎo)航的對(duì)應(yīng)關(guān)系不太對(duì)，可以點(diǎn)擊卡片右上方的重新選擇，然后到卡片素材庫(kù)里挑一張對(duì)的。這功能還挺好用的，我在完善內(nèi)容時(shí)改了好幾遍導(dǎo)航，幸虧有這素材庫(kù)。

設(shè)置完導(dǎo)航后，就可以開(kāi)始編輯各導(dǎo)航對(duì)應(yīng)的卡片內(nèi)容了。之前已經(jīng)說(shuō)了，用戶點(diǎn)擊菜單后，會(huì)接受到一條消息，就跟微信服務(wù)號(hào)一樣。所以卡片信息就相當(dāng)于應(yīng)用的功能界面，是應(yīng)用的實(shí)質(zhì)內(nèi)容，不能隨隨便便的哦。

按照要求填寫標(biāo)題、摘要、正文，上傳一張好看一點(diǎn)的封面圖。為了做這個(gè)輕應(yīng)用，我們是提前拍了一些食物和店內(nèi)環(huán)境的照片，所以做起來(lái)素材不怕不夠。如果你已經(jīng)有用來(lái)制作菜單或者宣傳單的照片就更方便了，可以直接從中挑一些好看的有用的出來(lái)作為卡片封面。正文也可以插入圖片，白字不如一圖，尤其是做商品推廣，這道理大家肯定都明白，就不多強(qiáng)調(diào)了。點(diǎn)擊加號(hào)可以添加圖文信息，做出來(lái)就跟下圖一樣。

摘要多寫點(diǎn)內(nèi)容，卡片看起來(lái)會(huì)充實(shí)很多，尤其是當(dāng)一張卡片只有一條圖文信息的時(shí)候，摘要弄個(gè)兩三行看起來(lái)會(huì)美觀不少。

如果支持外送服務(wù)或者有訂座電話，可以在正文下面添加電話，客戶點(diǎn)擊電話號(hào)碼就能直撥訂餐或訂座電話。店鋪位置卡片的原文鏈接設(shè)置店鋪的地圖信息，客戶點(diǎn)擊查看原文就可以跳到百度地圖，看到小店的位置，還可以導(dǎo)航。店鋪環(huán)境那張卡片我還添加了大眾點(diǎn)評(píng)的鏈接。雖然按鍵是查看原文，但是設(shè)置的時(shí)候發(fā)揮空間還是很大的。

卡片都編輯好后，頁(yè)面配置就差不多了，可以進(jìn)行消息回復(fù)了。不知道大家有沒(méi)有留意到打開(kāi)輕應(yīng)用會(huì)有一個(gè)紅色的放大鏡懸浮在右下角，客戶點(diǎn)擊紅色放大鏡是可以輸入內(nèi)容，進(jìn)行應(yīng)用內(nèi)搜索的，就跟微信公眾賬號(hào)那個(gè)發(fā)送內(nèi)容可以得到相應(yīng)的回復(fù)一樣。而這些回復(fù)的內(nèi)容是需要在這里設(shè)置的。

你可以預(yù)想一下客戶一般都會(huì)搜索什么內(nèi)容？我猜想我們碳烤店的客戶可能會(huì)搜地址、電話還有一些人氣單品，所以就配置了相關(guān)的關(guān)鍵詞回復(fù)。

可以點(diǎn)擊創(chuàng)建分組開(kāi)始設(shè)置關(guān)鍵詞回復(fù)，每一個(gè)分組內(nèi)的所有關(guān)鍵詞（設(shè)置近義詞就好）都回復(fù)同樣的內(nèi)容。

譬如，我設(shè)置了電話組，里頭包含“電話”、“訂座”、“外賣”和“聯(lián)系方式”，那么客戶在應(yīng)用里輸入這些關(guān)鍵詞，就會(huì)收到我設(shè)置的文本信息：“我們的咨詢電話……”。

除了可以回復(fù)文本信息，還可以配置回復(fù)卡片，卡片可以重新創(chuàng)建一個(gè)，也可以從卡片庫(kù)里選擇一個(gè)。譬如，我設(shè)置一個(gè)菜單組，就選擇了素材庫(kù)里的卡片。

關(guān)鍵詞回復(fù)可以盡量多設(shè)置，客戶的需求是多種多樣的，我們誰(shuí)也不想錯(cuò)過(guò)一單生意。但我們也沒(méi)辦法設(shè)置所有可能輸入的關(guān)鍵字，所以默認(rèn)回復(fù)也是必須的。

譬如，用戶輸入“穿山甲”，小店沒(méi)有，就直接回復(fù)默認(rèn)內(nèi)容，引導(dǎo)用戶輸入已經(jīng)設(shè)置的關(guān)鍵詞，了解供應(yīng)的全部菜品。

***，編輯一下歡迎語(yǔ)就好了。

歡迎語(yǔ)就是客戶打開(kāi)應(yīng)用看到的***條信息，我就只會(huì)中規(guī)中矩地弄個(gè)歡迎光臨。

好了，一口氣說(shuō)了這么多，終于到了快要收官的時(shí)刻。保存完善的內(nèi)容后，別忘了點(diǎn)擊頁(yè)面右上方的綠色按鍵“提交上線”，不然內(nèi)容就沒(méi)有辦法同步到應(yīng)用里了。

==創(chuàng)建與完善工作就此完成，請(qǐng)為自己撒花==

接下來(lái)，就是等待審核和后期維護(hù)了。一般來(lái)說(shuō)審核需要幾個(gè)工作日，我是周四創(chuàng)建的輕應(yīng)用，下周一就上線了，感覺(jué)挺快的，也沒(méi)讓我提供什么證明。但好像也有需要等幾天的，可能是因?yàn)閼?yīng)用比較多，塞車導(dǎo)致審核時(shí)間變長(zhǎng)。反正，把應(yīng)用弄好了，坐等審核就行。

一般來(lái)說(shuō)，輕應(yīng)用審核結(jié)果都會(huì)有郵件通知的，但是急切的哥們也可以手動(dòng)查詢一下?tīng)顟B(tài)。還是管理應(yīng)用界面，點(diǎn)擊藍(lán)色小字“去控制臺(tái)查看狀態(tài)”就會(huì)進(jìn)入另一個(gè)頁(yè)面。

渠道分發(fā)就是應(yīng)用上線的情況，采用默認(rèn)灌入數(shù)據(jù)創(chuàng)建的輕應(yīng)用一下子就被拒了……囧~所以，為了快點(diǎn)通過(guò)審核，還是得好好編寫內(nèi)容。

如果應(yīng)用審核沒(méi)通過(guò)，別傷心也別上火，可能是還有點(diǎn)瑕疵或者內(nèi)容還不夠完善。我們小店也被拒了一次。這時(shí)候不要慌張，也不要?dú)怵H，按照提示內(nèi)容修改就行。

如果應(yīng)用通過(guò)審核了，渠道分發(fā)狀態(tài)會(huì)變成已上線，而且還有定制的二維碼可以分享出去，推廣推廣應(yīng)用。應(yīng)用上線后，也要常常維護(hù)內(nèi)容，與時(shí)俱進(jìn)嘛。點(diǎn)擊內(nèi)容配置，繼續(xù)完善內(nèi)容，***別忘了點(diǎn)擊提交上線就行。修改應(yīng)用內(nèi)容不需要重新通過(guò)審核，瞬間就可以刷出來(lái)，所以不用擔(dān)心信息同步的問(wèn)題。

帖終于寫好了，***祝愿各位的輕應(yīng)用早日上線！

    輕應(yīng)用如今已經(jīng)是最熱門的詞匯了，而大家也可以頻頻在各種宣傳中獲知輕應(yīng)用是非常容易開(kāi)發(fā)的，但百聞的確不如一見(jiàn)，相信有了這篇小白老板手把手教你玩轉(zhuǎn)輕應(yīng)用的萬(wàn)言神帖，各路小白老板們創(chuàng)建擁有自己的輕應(yīng)用就容易多了！趕緊行動(dòng)吧，“早起的鳥才有食吃永遠(yuǎn)都是真理！