1. 程式人生 > >WordPress版微信小程式2.1.8版釋出

WordPress版微信小程式2.1.8版釋出

近來的工作比較多,同時也在思考這個專案未來的發展方向,儘管不斷有新的wordpress站長,利用我的開源程式搭建了微信小程式,但個人對這個專案的熱情日漸減少,促使我不斷完善和維護這個開源專案的動力也再減弱。我需要找到新的前進方向和動力,如果只是靠我個人的愛好和熱情是無法把這個專案繼續下去的。

有人問我,為什麼考慮用wordpress做後端來搞小程式,主要有兩個原因:

1.我的網站:守望軒就是用wordpress搭建的,做了小程式後,可以讓我的網站和我寫的的文字有更多的渠道去傳播。

2.使用wordpress的站長還不少,同時wordpress提供了很方便的rest api呼叫,這樣不用寫後臺,就直接可以快速搭建微信小程式。

如果你對wordpress版本微信小程式不是很瞭解,照例請看我以前寫的文章:

這個版本的更新內容比較少,主要的更新內容是文章的評論

完善評論

以前文章評論是按評論順序顯示的,這樣顯示評論看上去有些亂,評論都是一級的,沒有回覆和對回覆的回覆。因此,在評論的顯示上主要做了以下幾點的更新

1.一級評論按評論的時間倒敘排列,最新的評論會放在最上面。

2.顯示五級評論,即顯示評論的回覆,最多可以顯示5級評論(包括一級評論和四級回覆)。為什麼只會顯示呢,一方面考慮層次太多對程式的效能有影響,另外我的worpress後臺設定為: 5層

如果你的wordpress後臺評論設定裡允許更多層次的巢狀,可以修改小程式裡的 detail.wxml

檔案的程式碼。

3.新增“回覆”的功能。可以針對4級的評論(回覆)進行回覆。回覆輸入框公用評論框,點選“回覆”按鈕會自動讓評論框獲取焦點,輸入回覆內容後,評論的列表會更新。

文章內容完善

從第一個版本開始,文章頁的解析就引用了開源解析元件wxParsehttps://github.com/icindy/wxParse)。不過說來很慚愧,我對這個html轉wxml的元件重視程度並不夠,可能以為一開始使用就有偏見,覺得這個元件還有不少的bug。最近認真的研究後發現,其實這裡面有很多非常有價值的程式碼。儘管前些日子官方出了富文字的元件,但bug更多,同時更重要的一點是,官方提供的富文字元件在解析html程式碼的時候,沒有提供可程式設計的介面,這就對喜歡自己動手的程式設計師來說缺少想象空間了。而wxParse提供了原始碼,如果想更多的定製化,就可以直接修改來原始碼了。

jeff就利用wxParse提供的二次開發介面,開發很多小程式的高階功能,比如:“文章內鏈”點選可跳轉

而我卻在第一個版本開始就犯一個愚蠢的錯誤,一直沒有在沒有引用wxParse.wxss檔案,導致文章內容頁顯示很醜,還錯怪這是wxParse的問題,實在是可笑呀。在文章頁引入wxParse.wxss發現文章內容頁漂亮很多了。

專案後續發展的思考

這個專案自從2017年4月28日開源第一版開始,我只是憑著個人愛好去玩,想著自己也借用很多開源的程式碼,於是就索性開源了,並不是自己的程式碼寫得有多好,要拿出來去炫耀,程式碼本身並不複雜,也沒有很高的技術含量,而且還寫得有些亂,我自己現在看這些程式碼都感覺汗顏,恨不得都統統重構一下。 自開源以來,有不少朋友在我開源的程式基礎上,開發了很多又酷又強大的小程式,比如專業設計師“筆記”,就搞了一個很炫酷的小程式,有興趣的朋友可以去圍觀下,掃描以下二維碼即可訪問:同時,這套不完美的程式碼也幫助不少略懂一些程式開發的朋友,在很短的時間裡開發出自己的微信小程式,降低了入門的門檻。

這些都讓我很欣慰,這也是讓我堅持下來的動力。只是這動力還不足以讓我發揮更大的動能去完善這個專案。我希望在開源和商業化可以結合,有這樣一條路讓我去探尋,但目前我還沒找到。

我會繼續堅持,希望獲得更多的支援。

-------------------------------------------------------------------

歡迎關注我的網站和微信公眾號,文章會在我的網站和微信公眾號上同步釋出。

我的網站:守望軒

微信公眾號名稱:守望軒

微信公眾號:iwatchlife

你也可以掃描或長按以下二維碼 


相關推薦

WordPress程式2.1.8釋出

近來的工作比較多,同時也在思考這個專案未來的發展方向,儘管不斷有新的wordpress站長,利用我的開源程式搭建了微信小程式,但個人對這個專案的熱情日漸減少,促使我不斷完善和維護這個開源專案的動力也再減弱。我需要找到新的前進方向和動力,如果只是靠我個人的愛好和熱情是無法把這個

WordPress程式2.6釋出

WordPress版微信小程式的完善和升級的工作一直都在進行中,我爭取保證一個月可以出一個版本,希望通過一點點的改進,讓這個開源產品日趨完美。同時,pro版WordPress微信小程式也在緊鑼密鼓的開發中,這個過程有些反覆,如何在效能和功能上優於當前的開源版本?是我一直想解決

WordPress程式2.4釋出

自從釋出2017年9月16日WordPress版微信小程式2.2.8版本後,這個一個多月來,WordPress版微信小程式,在經過一些比較小的更新後,今天釋出階段性的版本:2.4版 。這版本主要是功能的完善和效能的優化,主要的功能完善是對“熱點”欄目的調整,以及增加“我”的欄

程式1程式TLS版本大於1.2

我自己的伺服器是windowsserver2008R2的。 1:開始->執行->輸入 PowerShell 2:開始->所有程式->附件 找到 # Enables TLS 1.2 on windows Server 2008 R2

WordPress程式3.0釋出

距離WordPress版微信小程式上一個版本的釋出過去了一個月了。在此間,我的工作有些變化,加上正在開發新版本,目前開源版的完善和升級稍稍有些滯後。雖然這個版本是3.0版,期間有個過渡的2.8版,不過功能上目前沒有大的改動了。3.0版本最大的更新在於加入了文章海報(即分享微信

程式1--頁面跳轉錯誤

而檢視app.json的時候,是正常的,頁面寫進入了app.json. 那麼就只能是url的問題了, 先看一下目錄: 這時候寫的跳轉url為,當前頁面為login,由login 頁面跳轉mailList頁面 url: '../usion/mailList/mailList',

程式開發——1.環境搭建

一:安裝java環境 1、將下載好的jdk包通過ssh上傳到centos作業系統  2、進行解壓 tar -vxzf jdk-8u45-linux-x64.tar.g 3、編輯系統環境變數 vim /etc/profile 如果沒有許可權寫入: linux操作提示:“Ca

程式1)生命週期

一. 小程式App的事件 演示一個小程式生命週期的例子,需要注意的是小程式app的生命週期要與頁面的生命週期區分,因為每個頁面都有相應的生命週期,類似於下面app的生命週期裡的方法之外,也會有頁面特有的方法,例如onLoad以及onUnload方法等,這裡就不一一列舉了。 列舉

程式引用iconfont-實測

1.H5引用圖示庫的方式為URL引入,但是在小程式中不支援 URL方式,需要使用base64方式直接引入@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?

程式筆記-1】基本構成及配置

此筆記作為學習過程中筆記,作為存檔並藉此分享,如有錯誤感謝指出 此筆記大量參考微信官方開發者文件以及“軟謀教育課程(這個課程在騰訊課堂是免費的,算是我現在看到的比較好的視訊教程)”,如有版權問題請及時與我聯絡刪除 一、程式碼構成 微信小程式基本檔案

程式開發教程(破解IDE 無內測資格也可使用)

破解版IDE下載地址,以及使用說明: 這裡由於csdn有上傳大小限制,所以只能做兩次上傳了。要放在一起看哦。 安裝步驟 一個步驟都不能錯哦 1、安裝0.7 — 掃碼登陸 — 關閉0.7 2、安裝0.9 ——不要啟動程式——替換3個檔案檔案在weapp-ide-crac

程式--(5-1)點選列表item,把item上面顯示的所有資料,傳遞到另外一個頁面

1,WXML頁面 其實很簡單,由於本人是小白,所以記錄一下。   <view class="item_width weui-pa" wx:for="{{itemsData}}" wx:key="">       <view class="weui-medi

程式開發(1) 天氣預報

本文介紹如何使用微信小程式開發天氣預報功能。 一、專案檔案列表 二、小程式配置 使用app.json檔案來對微信小程式進行全域性配置,決定頁面檔案的路徑、視窗表現、設定網路超時時間、設定多 tab 等。 { "pages":[ "pages/index/index"

EA&UML日拱一卒-0基礎學習程式1)- 開篇

這次選了一個時髦的話題,同時也是一個真正從0開始的話題----微信小程式。說它時髦當然是因為這東西出來沒多長時間,許多開發者不要說做過,恐怕連用都沒有用過。說從0開始是因為作者本人不光是對微信小程式沒有概念,恐怕對開發中用到的技術,手法同樣沒有經驗。 選題的目的 第一當

《21天精通程式開發》PDF電子書下載

點選下載: 《21天精通微信小程式開發》PDF版 內容簡介: 這是一本幫助程式設計愛好者和從業人員從零開始學習微信小程式設計的書。本書緊跟微信小程式的技術發展,是目前在該領域率先進行系統的技術探討和培訓的著作。本書站在學習的角度,目的是讓學習者通過21

程式學習1

微信小程式幾個檔案說明:.js檔案: 邏輯處理檔案.wxml檔案:  頁面佈局檔案.wxss: 頁面控制元件座標、樣式設定檔案在wxml檔案中設定一個 button ,利用 bindtap 繫結一個方openWeChat的呼叫方法;.wxml檔案內容:<button c

程式 MaterialDesign(1)---- button(漣漪)

本文用來介紹關於如何在微信小程式中實現materia風格的ui化 注意:該ui使用微信小程式原生語法,動畫均使用animate以及過渡效果實現,未使用微信的api建立動畫 1.準備 建立一個自定義元件 sc-button 在sc-butto

程式資料 java 解密

微信小程式的資料,解密方法,官方居然沒得 java版的解密demo, 木有java  木有java  木有j

程式新聞(文章)釋出系統前後臺完整程式碼

1:建表 。分類表,新聞表 2:後臺。新增新聞,管理新聞。 3:小程式介面。列表頁,詳情頁。 4:後臺介面 5:小程式程式碼 //////////////////////////////////////////////

程式--仿程式朋友圈Pro(內容釋出、點贊、評論、回覆評論)

#### 微信小程式--仿微信小程式朋友圈Pro(內容釋出、點贊、評論、回覆評論) 專案開源地址[M朋友圈Pro 求個Star](https://gitee.com/Kindear/CloudUI) > 專案背景 ​ 基於原來的開源專案 [微信小程式仿朋友圈功能開發(釋出、點贊、評論等功能)](htt