微信小程序的開發(fā)與體驗之旅


導語:在開始之前翁潘,先祝福大家新年快樂肿轨,祝福新的一年里工作順利,身體健康枪狂,闔家歡樂星持。不知道大家這個元旦假期過得怎么樣抢埋?反正我個人認為我過得很充實。先是爬山,然后休息了一天揪垄,最后一天在家做了一個微信小程序練練手穷吮。有時候,假期編程也是一種陶冶情操的表現(xiàn)饥努,畢竟編程是一門藝術嘛捡鱼。

在說我的微信小程序開發(fā)與體驗之旅之前,先來回顧一下張小龍在微信公開課上的演講吧酷愧。

什么是微信小程序

張小龍認為****所有的應用程序應該是一種無處不在驾诈,但是又可以隨時訪問的一種狀態(tài),而小程序就是一種不需要下載溶浴、安裝即可使用的應用乍迄,它實現(xiàn)了觸手可及的夢想,用戶掃一掃或者搜一下就能打開應用士败,也實現(xiàn)了用完即走的理念闯两,用戶不用安裝太多應用,應用隨處可用谅将,但又無須安裝卸載生蚁。

小程序的使用場景

從上面我們可以看出小程序的特性:無須安裝、觸手可及戏自、用完即走、無須卸載伤锚。而關于小程序的使用場景擅笔,張小龍舉了這樣一個例子:現(xiàn)在汽車票其實沒有電子化,所有人去坐汽車的話必須要去汽車站現(xiàn)場去買一張票屯援,這是一個很痛苦的過程猛们,你要去排隊買票,然后再去坐車狞洋,他們希望用小程序來解決這個問題弯淘,只需要在每一個汽車站立一個二維碼,所有到汽車站的人掃一下二維碼就啟動購票的小程序吉懊,然后直接通過小程序來買好票庐橙,這樣售票窗口就不用存在了,我認為這是一個非常貼合小程序的想法借嗽。而且在公交站里面等公交站的時候态鳖,想要知道下一班車什么時候來,這個時候只要掃一下公交站的二維碼恶导,啟動公交站的小程序就可以看到下一班車什么時候來浆竭,這也是特別典型的一個小程序的場景。

以此類推,可以想象邦泄,如果很多實體店采用了微信小程序删窒,購物下單是不是快了很多呢?其實很多人有一些疑問顺囊,說:我直接掃二維碼付賬不就行了肌索?為什么還要通過小程序呢?你想想一下包蓝,購車票驶社,需要在車票系統(tǒng)登記,只用二維碼掃描支付只是加快了付賬测萎,但是還是需要售票員刷你身份證登記亡电,和購物一樣,很多實體大公司也有自己的結賬系統(tǒng)硅瞧,如果用小程序份乒,對接了結賬系統(tǒng),一鍵支付購物腕唧,連購買人的信息也能跟著提交或辖,那豈不是很方便?都在微信內部實現(xiàn)枣接,不用下載多余的 App 颂暇,是不是手機輕松了很多。

關于小程序的入口

張小龍曾經(jīng)說過:PC互聯(lián)網(wǎng)的入口在搜索欄但惶,移動互聯(lián)網(wǎng)的入口在二維碼耳鸯。現(xiàn)在想想二維碼確實滿大街都是,現(xiàn)在去吃飯膀曾,買東西县爬,應該大部分都養(yǎng)成了掃描二維碼的習慣了吧?現(xiàn)在各大購物超市和商場都已經(jīng)支持微信和支付寶支付了添谊。

理所當然财喳,小程序的入口也在二維碼。而且微信里不會存在一個應用商店讓大家去下載斩狱。這些小程序的啟動和使用都是由用戶自己本人發(fā)起耳高,這就是微信的克制。這是一種典型的去中心化無入口的做法喊废,因為微信永遠不會做入口祝高、排序、推薦污筷,騰訊就是騰訊工闺,他不是百度乍赫。我認為更好玩和更人性化的地方在于:小程序賬號沒有粉絲,只有訪問量陆蟆,因為粉絲不等于訪問雷厂,所以也無需訂閱。小程序也不能推送消息叠殷,只提供有限的服務觸達能力改鲫。這樣就防止了小程序對于用戶的騷擾,這種人性化也是微信成功的原因之一林束。

聊聊小程序的體驗

前幾天像棘,看完微信公開課之后,朋友用自己的公司賬號搞了一個微信小程序壶冒,我體驗了一把缕题,怎么說呢?感覺確實很流暢胖腾,也很好烟零,但是我還是能感覺到它有點WebAPP(HTML5 )觸摸感,只是有點咸作,可能我太過敏感了锨阿。但是也足夠好了,接近原生 App 的體驗记罚,跟 React Native 的感覺差不多墅诡,因為我在玩 React Native 的時候也有 H5 的觸感。



(中間帶微信圖標的那個是小程序桌面快捷方式)

我們都知道桐智,微信小程序可以添加到桌面书斜,作為一個啟動的快捷方式,但是我發(fā)現(xiàn)還有一個好玩的地方酵使,那就是我們可以把一個常用或者你喜歡的微信小程序添加到聊天框的頂部,進行置頂焙糟。這種人性化真是快捷到了極致口渔。



(圖中置頂?shù)脑橙巳κ切〕绦颍?/p>

小程序的開發(fā)

我昨天在家閑的沒事,做了一個微信小程序練練手穿撮,我在開發(fā)之前缺脉,也沒有怎么看過小程序的接口文檔,即使小程序開發(fā)工具在第一時間發(fā)布并被破解和開發(fā)文檔公布的時候悦穿,我都沒有怎么去看過攻礼,只是看過了新聞。只有最近幾天栗柒,我才有認真的在看它的官方文檔礁扮。

會 JS ,輕松開發(fā)

我想說,我真的只有這兩天在認真的看了看文檔太伊,但是不到一天我就寫了一個簡單的 demo 出來雇锡,僅僅就是我會點 JS ,但是我想說:如果你 JS 前端知識很熟悉僚焦,開發(fā)小程序輕松 easy 到不行锰提。我之所以做了個小 demo 花了近一天,是因為我 JS 都忘得差不多了芳悲,而且是第一次熟悉文檔的情況下立肘,高手兩三個小時開發(fā)一個簡單的小程序輕松加愉快。

會 React Native 那就更簡單

如果你會 React Native 名扛,那么開發(fā)小程序那就是更簡單了谅年,小程序不就是根據(jù)它而來的嗎?框架和思想基本一樣罢洲。如果大家有跟著我寫的 RN 教程一起學習踢故,我更新的組件部分都快講完了,就根據(jù)我講的那些惹苗,去開發(fā)小程序足夠讓你用的了殿较。

看完小程序的文檔和開發(fā)了一下之后,整個小程序的架構像極了我們 Android 中的 Databinding 桩蓉,跟java web 中的 EL 表達式也是差不多淋纲。它初步分為三部分:js 文件中處理業(yè)務邏輯,wxml 文件中寫布局院究,wxss 文件中定義的是樣式洽瞬。如果你理解了這個架構,那就可以非常容易的開發(fā)了业汰。

另附我寫的小 demo 的 gif 圖伙窃,如下:


說說它的未來
趁小程序還未正式發(fā)布之前,我們來個馬前炮样漆,對于它的未來我是比較看好的为障,我看好它的原因如下:

  1. 它是中國目前最好的產(chǎn)品經(jīng)理推出來的產(chǎn)品。

  2. 它是由掌握中國最大的社交用戶的騰訊作為后盾的放祟。

  3. 因為它比較克制鳍怨,一切以用戶為中心。

  4. 它對于實體店的意義可能大于用戶跪妥。實體店相對于網(wǎng)絡購物最大的優(yōu)勢在于什么鞋喇?是體驗,小程序可以進一步優(yōu)化實體店的體驗眉撵。

未來的事侦香,可能連未來都不知道落塑,希望不會打臉。最終小程序的未來到底怎么樣鄙皇,那只有等它真正出來我們才能看出來芜赌,是騾子是馬得拉出來遛遛啊伴逸!我其實發(fā)現(xiàn)張小龍?zhí)貏e喜歡的一種狀態(tài)就是所見即所得缠沈,用完即走,小程序確實能夠做到這點错蝴。

在最后的最后洲愤,小程序可能會失敗的原因就是:上有政策,下有對策或者說上面想象的和下面執(zhí)行的不一樣顷锰。說明白點就是:客戶開發(fā)的微信小程序估計會把一種簡單柬赐,做成一種復雜,這是張小龍不愿意看到的官紫。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末肛宋,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子束世,更是在濱河造成了極大的恐慌酝陈,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件毁涉,死亡現(xiàn)場離奇詭異沉帮,居然都是意外死亡,警方通過查閱死者的電腦和手機贫堰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門穆壕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人其屏,你說我怎么就攤上這事喇勋。” “怎么了偎行?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵茄蚯,是天一觀的道長。 經(jīng)常有香客問我睦优,道長,這世上最難降的妖魔是什么壮不? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任汗盘,我火速辦了婚禮,結果婚禮上询一,老公的妹妹穿的比我還像新娘隐孽。我一直安慰自己癌椿,他們只是感情好,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布菱阵。 她就那樣靜靜地躺著踢俄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪晴及。 梳的紋絲不亂的頭發(fā)上都办,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天,我揣著相機與錄音虑稼,去河邊找鬼琳钉。 笑死,一個胖子當著我的面吹牛蛛倦,可吹牛的內容都是我干的歌懒。 我是一名探鬼主播,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼溯壶,長吁一口氣:“原來是場噩夢啊……” “哼及皂!你這毒婦竟也來了?” 一聲冷哼從身側響起且改,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤验烧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后钾虐,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體噪窘,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年效扫,在試婚紗的時候發(fā)現(xiàn)自己被綠了倔监。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡菌仁,死狀恐怖浩习,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情济丘,我是刑警寧澤谱秽,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站摹迷,受9級特大地震影響疟赊,放射性物質發(fā)生泄漏。R本人自食惡果不足惜峡碉,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一近哟、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鲫寄,春花似錦吉执、人聲如沸疯淫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽熙掺。三九已至,卻和暖如春咕宿,著一層夾襖步出監(jiān)牢的瞬間币绩,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工荠列, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留类浪,地道東北人。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓肌似,卻偏偏與公主長得像费就,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子川队,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,846評論 25 707
  • 今天第一次參加老外的口語角力细,內心一片澎湃。非常認可這么一句話固额,只要想學一件本領眠蚂,世界會為你開路。主動權在我們自己手...
    溪呢喃閱讀 191評論 0 0
  • 曾覺那是 不能再黑的黑 直面無法再白的白 曾覺那是 到底的絕望 恐懼到喪失了想象 想到親人之于死亡 稍一提及 都會...
    微雨憑欄閱讀 228評論 0 2