微信小程序初探

微信小程序越來越火爆了,從7月開始,公司安排我寫微信小程序。雖然,之前對這一塊比較感興趣,也學習了一些資料,但是,真正開始寫,還是遇到了很多困難。這些坑,一部分是由于相關知識不是很熟悉,另一部分是因為,小程序剛剛推出,坑確實比較多。理論上來說,應該及時的把遇到的坑記錄下來,無奈實在太懶了,拖到現在才開始寫第一篇

這一篇要寫什么

這一篇主要是寫寫在開發過程中遇到的編寫代碼之外的問題。因為編寫代碼么,文檔中已經寫的非常清楚了,如果遇到 HTML、JS、CSS 這方面的問題,可以去查找相應的資料。由于主要工作是 iOS 開發,并不擅長 web 開發這方面,所以就不要獻丑了。因此,這一篇想記錄一下,從開發準備到審核上線以及后續更新的過程。

微信開發工具的使用

這個沒啥好說的,官方文檔介紹的非常詳細了。但是,我比較喜歡用 Visual Studio Code 呀,所以折騰了一下,用 VS Code 寫小序,微信開發者工具僅僅作為調試使用。
關于 VSCode 的配置,打算單獨寫一篇文章來介紹,在這里就不多說了。
微信開發工具有一個很大的優點,他監控了文件的變化,只要在 VSCode 中保存一下,他就會重新編譯運行小程序,調試起來還是非常便捷高效的。有點小問題就是,如果代碼運行到斷點處,直接重新編譯運行,似乎存在死鎖的現象,這樣干的次數多了,整個小程序就失去響應了,必須強制退出后重啟。我想,這個問題隨著更新會解決的吧。

多用戶協作

八月之前,多用戶協作做的很差,幾乎任何操作都要由管理員來完成,完全不能滿足開發測試的需求。八月之后,可以給用戶單獨設置權限,這樣就比較好用了。把公司的產品、測試、運營設置為開發者之后,可以直接把微信開發工具的調試二維碼發給他們,讓他們能及時看到正在開發的最新版本。

已經失效了,大家不用掃了
已經失效了,大家不用掃了

管理員登錄小程序后臺(微信公眾平臺)后,在用戶身份里面可以給微信用戶設置不同的身份。
DingTalk20170827160810-2017827

上圖可以看到,同事們都具有不同權限

在開發工作中,同事們都非常配合我,在此對同事們表示感謝!

項目管理

項目管理當然是用大名鼎鼎的 git 管理代碼,使用微信開發者工具自帶的項目管理打開項目。
有一點需要注意,微信開發者工具的項目,指的是磁盤上的一個工作目錄,想添加項目,直接把項目路徑指向磁盤的工作目錄就好了。名稱也可以隨便起,這里的項目名稱、appid 等內容,不會保存到工作目錄里,也不會同步到 git 中。


DingTalk20170827161922-2017827

需要刪除項目,直接點刪除按鈕就可以了,并不會刪除磁盤上的代碼。


DingTalk20170827162125-2017827

通常,公司申請小程序需要走一定流程,可能會比開發工作慢,這里可以用個人的名義申請一個小程序,并使用個人小程序的 appid 進行先期開發,等公司申請小程序完成后,在開發者工具中刪除并重新建立項目,替換 appid 就可以了。
只要不涉及支付等權限問題,個人小程序的 appid 不會影響到開發工作。

調試與測試

微信小程序會限定訪問地址,初期似乎只可以添加5個,后來增加到了10個。記得將自己的服務器地址添加進去哦。


DingTalk20170827162554-2017827

image 的請求是不限制資源地址的,例如 wxss 中為 background 設置 src,或者 image 控件顯示圖片,可以訪問上圖列表之外的地址。
這里比較坑的就是,只能添加網址,不能添加 ip,導致訪問測試服務器有一定困難。大概有三種方式可以解決:

  1. 在微信開發者工具中,選中"開發環境不校驗請求域名、TLS 版本以及 HTTPS 證書"。然后在手機中,打開小程序調試,就可以訪問任意服務器了。
    但是,打上勾以后,往往忘記了切換回來。有一次,我提交審核的代碼中,填寫的訪問地址是內網 ip 哈哈。

  2. 可以使用 nginx 等反向代理。
    這樣做,就不需要在編碼的過程中切換訪問地址了。雖然寫一個全局地址切換的工具很容易,但是經常忘記切換不是嗎。
    使用反向代理,只要訪問代理服務器,就可以自動的代理到測試服務器上面。但是有個問題就是,運營、測試等同事往往不會給手機設置代理服務器,教他們比較困難。

  3. 可以在內網中搭建一個域名解析服務。
    這種玩法比較高級了,我也沒有試過,只是一種設想,有興趣的童鞋們可以試試。

審核與上線

賬號申請主要是運營同事完成的,我主要參與了上傳項目審核以及項目發布的工作。根據最近的情況來看,審核工作時間不定。
七月中旬,我們發布了一個小程序,初次審核只用了三個小時。八月中旬,我們發布第二個小程序的時候,初次審核用了整整五天,結果讓我們錯過了項目預期發布的時間,參與這個項目的小伙伴都感覺不好了。
項目初次審核通過后,再次更新就比較快了,一般在1-3個小時之內就可以審核通過。
以后開發的過程中,根據審核時間安排好開發計劃就好了。
根據官方公布的時間,審核工作在七個工作日內完成……感覺說了跟沒說一樣,絕對是霸王條款。希望以后能根據審核同學的工作安排,公布一個近期平均審核時間給我們參考。
審核完成之后,微信上會收到一個通知,這時候還需要到后臺去手動上線,希望可以增加一個審核通過后自動上線的選項。

小程序的頭像和名稱

小程序頭像每個月可以更改5次,更改完成后即時生效,不用重新提交與發布代碼。
更改名稱就比較坑了,需要交300元微信認證費用,必須要注意的是,認證申請表上的名稱,就是認證通過后顯示的名稱。我們第一次使用這個功能的時候,以為認證通過了才能改名,申請表上寫的名稱是舊名稱,白白損失了300元認證費用。
認證過程中,發生任何情況,認證費用不退回。
八月中旬,微信上線了一個公眾號申請小程序的功能。已經認證的公眾號,可以直接申請小程序賬戶,并且申請下的小程序與公眾號之間是關聯好的。走這個渠道,可以解決很多時間和費用。

數據統計

小程序的數據統計做的比較好,雖然具體功能與 Google Analytics 相比弱一些,但是能看到許多微信掌握的用戶信息。
埋點的時候,可以直接在微信后臺埋點,也可以使用代碼埋點。
不過,代碼埋點的 api 沒有經過什么封裝,所需要傳輸的參數,都需要自己寫,還是后臺埋點方便一些。
后臺埋點,可以不影響代碼的情況下添加統計點,也不需要重新上傳程序。估計是小程序 AOP 的方式對代碼進行過處理吧,這種設計挺棒的。
只不過,添加統計點的時候,需要考慮到具體代碼,因此,還是必須由程序員來完成工作。現在,程序員埋的點,運營同學經常抱怨看不懂……

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,517評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,087評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,521評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,493評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,207評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,603評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,624評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,813評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,364評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,110評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,305評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,874評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,532評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,953評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,209評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,033評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,268評論 2 375

推薦閱讀更多精彩內容