技術(shù)小白用App Builder創(chuàng)建輕應(yīng)用圖文教程
近日,一個名為“手把手教你:技術(shù)小白如何上線百度輕應(yīng)用”的超長帖子被各大開發(fā)者社區(qū)熱捧,發(fā)帖人“香八拉碳烤店老板”也被吧友們封為“史上最無私的技術(shù)小白”。
筆者搜索到該帖發(fā)現(xiàn)的確名至實歸,首先“內(nèi)容超長”——洋洋灑灑16頁,配圖超多,同時“介紹超細”——他如何采用App Builder開發(fā)的每個小步驟都分外清楚,這簡直不是個帖子,而是個“App Builder開發(fā)輕應(yīng)用白皮書”!閑話少說,上干貨!
“香八拉碳烤店老板”(以下簡稱小白老板)主要提供多種肉類及蔬菜碳烤,自稱絕對比上了輕應(yīng)用后估值超過4000萬的“黃太吉”提供的煎餅果子好吃。小白老板在微博了解到百度輕應(yīng)用四城巡展沙龍12月7日在北京新大都飯店舉辦,離他的小店很近,所以就去聽了聽,了解到借助App Builder技術(shù)小白也可以開發(fā)輕應(yīng)用?;貋砭驮囉昧薃pp Builder,簡單幾步就能創(chuàng)建屬于自己的輕應(yīng)用,而且通過審核之后,用手機百度搜索小店名字“香八拉碳烤”,***位就是他店的輕應(yīng)用。簡單幾步就能上百度搜索,客戶可以即搜即用,關(guān)鍵創(chuàng)建和發(fā)布輕應(yīng)用都不需要費用 !
圖1:百度搜索框搜索店名,排名***
小白老板首先介紹,他是采用APP Builder所提供的模版輕松建成自己的輕應(yīng)用的。筆者先順便提一句,這個***的公眾賬號模板可不是為餐飲業(yè)量身定做的,你可以用它建立任何主題任何行業(yè)的應(yīng)用,能干什么就看你的想象力了。
以下就是小白老板開發(fā)輕應(yīng)用的詳細記錄哦!
首先,打開創(chuàng)建平臺APP Builder 的首頁(http://appbuilder.baidu.com/),上面有一個大大的按鈕“創(chuàng)建輕應(yīng)用”,想創(chuàng)建輕應(yīng)用的趕緊點擊。然后會出現(xiàn)一個這樣的頁面。取個一看就能知道你這應(yīng)用是干嘛的名字,不然搜索出來都沒人打開,我就直接以小店名字命名了。寫幾句漂亮的簡介,搞個好看一點的圖標。這些東西在搜索結(jié)果里會顯示出來,這可是應(yīng)用的門面,別馬虎了。二維碼就隨意吧,純屬個人愛好。
填好了,就點擊下一步,然后你會看到這個頁面。想想你的應(yīng)用框架是什么,然后填入三個主導航。沒想好的話,就跳過吧,此處不用糾結(jié),反正后面要修改也方便。
還是點擊下一步,此時肯定會有人問“就三導航嗎?能不能加幾個呀?”我只能以過來人的身份告訴你,就三主導航,但是你還可以添加子導航,一個主導航可以加5個子導航,應(yīng)該夠用的。此時肯定又會有人問“那在哪里添加子導航呀?”我只能再次以過來人的身份告訴你,別著急,后面還有很多功能需要設(shè)置,添加子導航會有的。
好了,暫且安心進入內(nèi)容編輯吧。剛才設(shè)置的每個導航都會對應(yīng)一張信息卡片,客戶點擊導航就能接收到相應(yīng)的卡片信息??ㄆ庉嬕策€有很多東西可以在后面完善內(nèi)容中設(shè)置,別著急哈,先按部就班把這些基礎(chǔ)的內(nèi)容填好。
卡片編輯也是一個蘿卜一個坑,好好填就對了。填好了,別忘了瞅一眼旁邊的模擬器,看看效果。PS:效果好壞全在照片,好好拍,好好選,好好調(diào)是關(guān)鍵。卡片編輯好了,別忘了保存,不然努力就白費了。
填完卡片就趕緊生成應(yīng)用,好戲還在后頭呢~生成應(yīng)用后,也不用自個操心提交發(fā)布的事,系統(tǒng)在生成應(yīng)用的同時就幫你提交了,你只要好好完善內(nèi)容,讓百度的程序猿哥哥趕緊通過審核就可以了。
作為一個靠譜的好青年,生成應(yīng)用的頁面怎么能不上圖?!
應(yīng)用生成了,別著急著推廣,也別干坐著等待審核結(jié)果。點擊“管理我的應(yīng)用”到管理中心看看,我已經(jīng)迫不及待想告訴大家還有哪些好玩的了。下面是應(yīng)用管理中心的截圖。
想必大家***次打開管理中心都會看到這個粉色(橙色?)的氣泡提示,完善內(nèi)容真的很重要,不然輕應(yīng)用里面太空,客戶看了也不會喜歡。所以,進入管理中心后,還是***時間點擊完善內(nèi)容吧,剛才說的更多功能全在這里。
點擊完善內(nèi)容后,就會出現(xiàn)這個頁面。先進行頁面配置吧,這個比較重要。
頁面上藍色小鍵就是添加子導航,挺顯眼的,有需要添加子導航的可以慢慢加,一共可以加5個,我的小店都用不完。如果對剛才設(shè)置的主導航不滿意,也可以點擊修改,鼠標選中哪個就可以編輯哪個,還挺方便的。
添加子導航時要注意,不管鼠標選定哪個主導航,點擊添加子導航后都要記得看一看分組。我在配置的過程中就遇到過,選了第三個主導航,點擊添加子導航,結(jié)果默認的是添加***個主導航上,所以在添加子導航時要格外注意下分組。
添加子導航后,應(yīng)用的架構(gòu)就清晰多了。
如果導航修改后,卡片和導航的對應(yīng)關(guān)系不太對,可以點擊卡片右上方的重新選擇,然后到卡片素材庫里挑一張對的。這功能還挺好用的,我在完善內(nèi)容時改了好幾遍導航,幸虧有這素材庫。
設(shè)置完導航后,就可以開始編輯各導航對應(yīng)的卡片內(nèi)容了。之前已經(jīng)說了,用戶點擊菜單后,會接受到一條消息,就跟微信服務(wù)號一樣。所以卡片信息就相當于應(yīng)用的功能界面,是應(yīng)用的實質(zhì)內(nèi)容,不能隨隨便便的哦。
按照要求填寫標題、摘要、正文,上傳一張好看一點的封面圖。為了做這個輕應(yīng)用,我們是提前拍了一些食物和店內(nèi)環(huán)境的照片,所以做起來素材不怕不夠。如果你已經(jīng)有用來制作菜單或者宣傳單的照片就更方便了,可以直接從中挑一些好看的有用的出來作為卡片封面。正文也可以插入圖片,白字不如一圖,尤其是做商品推廣,這道理大家肯定都明白,就不多強調(diào)了。點擊加號可以添加圖文信息,做出來就跟下圖一樣。
摘要多寫點內(nèi)容,卡片看起來會充實很多,尤其是當一張卡片只有一條圖文信息的時候,摘要弄個兩三行看起來會美觀不少。
如果支持外送服務(wù)或者有訂座電話,可以在正文下面添加電話,客戶點擊電話號碼就能直撥訂餐或訂座電話。店鋪位置卡片的原文鏈接設(shè)置店鋪的地圖信息,客戶點擊查看原文就可以跳到百度地圖,看到小店的位置,還可以導航。店鋪環(huán)境那張卡片我還添加了大眾點評的鏈接。雖然按鍵是查看原文,但是設(shè)置的時候發(fā)揮空間還是很大的。
卡片都編輯好后,頁面配置就差不多了,可以進行消息回復(fù)了。不知道大家有沒有留意到打開輕應(yīng)用會有一個紅色的放大鏡懸浮在右下角,客戶點擊紅色放大鏡是可以輸入內(nèi)容,進行應(yīng)用內(nèi)搜索的,就跟微信公眾賬號那個發(fā)送內(nèi)容可以得到相應(yīng)的回復(fù)一樣。而這些回復(fù)的內(nèi)容是需要在這里設(shè)置的。
你可以預(yù)想一下客戶一般都會搜索什么內(nèi)容?我猜想我們碳烤店的客戶可能會搜地址、電話還有一些人氣單品,所以就配置了相關(guān)的關(guān)鍵詞回復(fù)。
可以點擊創(chuàng)建分組開始設(shè)置關(guān)鍵詞回復(fù),每一個分組內(nèi)的所有關(guān)鍵詞(設(shè)置近義詞就好)都回復(fù)同樣的內(nèi)容。
譬如,我設(shè)置了電話組,里頭包含“電話”、“訂座”、“外賣”和“聯(lián)系方式”,那么客戶在應(yīng)用里輸入這些關(guān)鍵詞,就會收到我設(shè)置的文本信息:“我們的咨詢電話……”。
除了可以回復(fù)文本信息,還可以配置回復(fù)卡片,卡片可以重新創(chuàng)建一個,也可以從卡片庫里選擇一個。譬如,我設(shè)置一個菜單組,就選擇了素材庫里的卡片。
關(guān)鍵詞回復(fù)可以盡量多設(shè)置,客戶的需求是多種多樣的,我們誰也不想錯過一單生意。但我們也沒辦法設(shè)置所有可能輸入的關(guān)鍵字,所以默認回復(fù)也是必須的。
譬如,用戶輸入“穿山甲”,小店沒有,就直接回復(fù)默認內(nèi)容,引導用戶輸入已經(jīng)設(shè)置的關(guān)鍵詞,了解供應(yīng)的全部菜品。
***,編輯一下歡迎語就好了。
歡迎語就是客戶打開應(yīng)用看到的***條信息,我就只會中規(guī)中矩地弄個歡迎光臨。
好了,一口氣說了這么多,終于到了快要收官的時刻。保存完善的內(nèi)容后,別忘了點擊頁面右上方的綠色按鍵“提交上線”,不然內(nèi)容就沒有辦法同步到應(yīng)用里了。
==創(chuàng)建與完善工作就此完成,請為自己撒花==
接下來,就是等待審核和后期維護了。一般來說審核需要幾個工作日,我是周四創(chuàng)建的輕應(yīng)用,下周一就上線了,感覺挺快的,也沒讓我提供什么證明。但好像也有需要等幾天的,可能是因為應(yīng)用比較多,塞車導致審核時間變長。反正,把應(yīng)用弄好了,坐等審核就行。
一般來說,輕應(yīng)用審核結(jié)果都會有郵件通知的,但是急切的哥們也可以手動查詢一下狀態(tài)。還是管理應(yīng)用界面,點擊藍色小字“去控制臺查看狀態(tài)”就會進入另一個頁面。
渠道分發(fā)就是應(yīng)用上線的情況,采用默認灌入數(shù)據(jù)創(chuàng)建的輕應(yīng)用一下子就被拒了……囧~所以,為了快點通過審核,還是得好好編寫內(nèi)容。
如果應(yīng)用審核沒通過,別傷心也別上火,可能是還有點瑕疵或者內(nèi)容還不夠完善。我們小店也被拒了一次。這時候不要慌張,也不要氣餒,按照提示內(nèi)容修改就行。
如果應(yīng)用通過審核了,渠道分發(fā)狀態(tài)會變成已上線,而且還有定制的二維碼可以分享出去,推廣推廣應(yīng)用。應(yīng)用上線后,也要常常維護內(nèi)容,與時俱進嘛。點擊內(nèi)容配置,繼續(xù)完善內(nèi)容,***別忘了點擊提交上線就行。修改應(yīng)用內(nèi)容不需要重新通過審核,瞬間就可以刷出來,所以不用擔心信息同步的問題。
帖終于寫好了,***祝愿各位的輕應(yīng)用早日上線!
輕應(yīng)用如今已經(jīng)是最熱門的詞匯了,而大家也可以頻頻在各種宣傳中獲知輕應(yīng)用是非常容易開發(fā)的,但百聞的確不如一見,相信有了這篇小白老板手把手教你玩轉(zhuǎn)輕應(yīng)用的萬言神帖,各路小白老板們創(chuàng)建擁有自己的輕應(yīng)用就容易多了!趕緊行動吧,“早起的鳥才有食吃永遠都是真理!