小程序「Github開源社區」

來自公衆號 : DeveloperPython

01、初衷 

大概上上週我花了週末兩天的時間編寫了一款小程序並順利提交審覈。

也就在前兩天我的小程序 「Github開源社區」 歷經了兩週的審覈,終於。。。。。。成功發佈了,並且綁定到了公衆號。 

以下是這兩天時間的數據分析報表。

(實時訪問次數 pv)

粗略的分析下:實時訪問次數波動很明顯,當然這也是正常的。高流量基本保持在早上十點到中午。晚上還會出現個別熬夜的程序員在看代碼。總體呈下降趨勢。

(訪問來源、訪問時長、訪問深度)

粗略的分析下:

訪問來源主要來自會話,其次來自掃小程序碼。

訪問時長最高點在 11-20 秒,當然還有大量用戶超過1分多鐘在使用小程序。

其次,訪問深度(訪問了多少個頁面),大部分只訪問了一個頁面,最深頁面在5個頁面的深度。

——————劃重點———–

那麼,爲什麼我會選擇去編寫一個關於 程序員 的小程序呢?

首先,我是程序員。其次,也是因爲前段時間我一直在更新關於Github的教程。因此,爲了方便自己,同時方便讀者和開發者,我選擇開發了一款關於Github的小程序。 

02、小程序的功能

「Github開源社區」目前的功能很簡單,包括每日開源趨勢、模糊搜索想要的代碼、查看具體的代碼文檔以及倉庫的信息。

用微信掃一掃下方,可體驗小程序。

效果圖

(啓動小程序,默認展示當天最熱開源項目,並支持查看文檔)


(支持搜索代碼)

後續將支持的功能

代碼查看
登錄Github賬號,實現點贊等
社區
。。。

03、開發過程

雖說這是一款工具性的小程序,但確切的說是一款C/S的軟件。C端也就是集成進微信的小程序,S端的話就是我編寫並部署在阿里雲的服務端。

C端包含了wxml、wxss、json、js還有其他配置屬性。

S端的話我就直接用Python + web.py構建的,同時基於Github Api開發。

開發流程看似簡單,但對於我這個前端半調子來講,確實在開發C端遇到很多問題。當然,解決方法也就是Google + 大神。

04、如何開發一款自己的小程序

一個idea

這個idea很重要,因爲自己的想法將會推動自己去實踐並完成。如果沒有一個自己的idea,那麼與其說學技術,倒不如說你是在說服自己擁有多一點的技能。

所以,idea很重要。

如果一開始我並沒有想好要去做什麼小程序,然後就上手去學習如何開發,我猜可能在後面的學習過程中我將會很難堅持。因爲那樣是枯燥無味的,我並不知道自己用這個技術能做點什麼。

其次,Github開源社區的idea我在開發前一個禮拜都有了。外加晚上熬夜到一兩點,加上週末,大概花了兩三天時間就出來了。

所以,在學習開發小程序之前,先想好自己要做什麼。接下來,再動手去了解、學習這個技術,並運用起來。

需要了解的技術點

雖說小程序有一套自己的開發語言,但是,框架中主要的還是Page的生命週期和App的管理。其次,就是css的一些知識點。

所以,一開始你可以去小程序的官網着重瞭解Page生命週期和App的管理。其次,熟悉下小程序的那幾個重要的組件,其中包括View、button等等的。

官網:
https://mp.weixin.qq.com/debug/wxadoc/dev/component/

接下來,你需要學習css的東西,這個其實不復雜,去w3c上面將css的關鍵知識點過一遍。瞭解前端的頁面是如何佈局的。

上手

js ---------- JavaScript文件

json -------- 項目配置文件,負責窗口顏色等等

wxml ------- 類似HTML文件

wxss ------- 類似CSS文件

在根目錄通過App來命名這四種文件,也就是程序的入口。
App.js

這個文件是必須要有的。其中主要寫的內容也就是上面提到過管理App生命週期的。
App.json

這個也是必須要有的。其中包含了整個小程序的全局配置。
App.wxss

有點類似於css的,進行佈局用的。當然,這也是全局的。
App.wxml

這個可選,是用來佈局小程序的界面的。有點類似於html。
關於具體的文檔,鏈接在這。
https://mp.weixin.qq.com/debug/wxadoc/dev/component/
如果有需要詳細的講解,那麼可以留言,我考慮後續更新一系列的小程序開發教程。

05、個人開發經驗

雖說在不早之前,微信開放了個人小程序的開發資格。不過,你還是不能隨心所欲的開發小程序。

你能隨心所欲開發的功能也大概只有工具類的。假設,你要是想開發一個社區類的小程序,那麼你得要有諸多的證件。所以,在上手小程序之前,你需要看看小程序的開發規約,確保自己的idea是否需要各種證件。

其次,小程序的兼容性,目前Github開源社區在 iOS 9.3.2 上出現 SDK Exception 。還沒找到合理的解決方案。

審覈時間較長。你能做的就是等待。

開發工具有時候響應很慢,同樣的你只有等待,畢竟目前開發工具並沒有到1.0版本。

等等的坑。。。

目前動態化的開發模式越來越火了,包括JSBridge、Weex、React等等的。所以,作爲非前端的你是否也需要學習下前端的知識點呢?


行爲藝術要持之以恆,iOS專用讚賞通道。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章