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

WordPress版微信小程式2.6版釋出

WordPress版微信小程式的完善和升級的工作一直都在進行中,我爭取保證一個月可以出一個版本,希望通過一點點的改進,讓這個開源產品日趨完美。

同時,pro版WordPress微信小程式也在緊鑼密鼓的開發中,這個過程有些反覆,如何在效能和功能上優於當前的開源版本?是我一直想解決的問題。pro版本包括什麼功能,現在還沒有完全確定,希望pro版本出來後,不會讓大家失望。

當然當前的開源版本也還有很多地方值得去優化,瞭解程式的開發歷程及開發技術,建議看看相關更新文章和安裝文件:

開源下載地址

WordPress版微信小程式2.6版較上一個版本改動並不是很大,除了修復一些bug外,主要的調整是以下幾個方面:

1.增加模板訊息功能,回覆文章評論(回覆),傳送模板訊息給評論者
2.優化文章評論和回覆的顯示
3.優化評論和回覆提交功能
4.首頁導航

1.回覆評論傳送模板訊息

儘管微信官方一直宣稱小程式是用完即走,但是作為每個小程式的開發者來說,如何留住使用者卻是小程式開發者內心一直的追求。現在小程式這麼多,在小程式的歷史列表裡能夠被標星的小程式畢竟是少數,大多的小程式會慢慢消失在小程式的歷史列表中,其中不乏優秀的小程式,如何讓小程式的使用者再次使用,模板訊息是個不錯的選擇。諸如拼多多這樣大牌的小程式都要靠發垃圾的模板訊息,來拉回頭客。

微信小程式的模板訊息分兩種:

1、支付後傳送模板訊息。這個功能在上一個版本2.4版已經實現,不過支付應用的場景不多,而且不少開發者註冊的是個人小程式,無法開通支付。這樣就無法應用到這個模板訊息了。

2、提交表單後七天內傳送一次模板訊息。這個功能最合適的應用場景就是WordPress小程式的回覆評論功能。為了避免濫用,微信小程式限定傳送這類模板訊息只能在使用者提交表單後七日內傳送一次,過期,超過一次,都無法傳送。

在2.6版本中,我加入了回覆評論傳送模板訊息的功能。如果需要使用這個功能,需要做如下配置:

1. 在微信小程式管理後臺配置模板訊息的模版,模版格式如下:

2、在微信小程式原始碼中的config.js(在untils目錄裡)模板訊息的模板id

提示:由於傳送模板訊息需要formId,因此只有對更新版本後發出的評論進行回覆後才會發出模板訊息,更新前的評論是沒有提交formId,所以是無法發訊息的。對於評論的回覆只能傳送一次訊息,如果評論超過7天,就無法發訊息了。

收到的模板訊息如下:

這個功能可以比較方便實現客戶留存,希望你不要濫用這個功能,那天被微信封號了,別來找我。

注意:模板訊息只能在手機上測試,在開發工具上是無法獲取formId,從而無法傳送訊息。

2.優化文章評論和回覆的顯示

評論和回覆的顯示,調整過很多次,我都不是很滿意,對於上一個版本中巢狀顯示,感覺有一些太佔用空間了,手機螢幕本來就小,如果評論和回覆拖老長,估計沒什麼人有耐心看。此次調整,放棄了巢狀的顯示模式,把所有的評論的回覆都放在當前評論的下面,給予平等的顯示,這樣看起來比較清晰。

3.優化評論和回覆提交功能

由於評論和回覆共用一個輸入框,為了區分評論和回覆,在以前的版本是採用“@***”的方式表示是回覆,不過這種方式如果刪除了“@***”等字元,就無法區分是評論還是回覆了。在此次的修改中,參考了微信朋友圈的評論模式。點選評論(或回覆)的內容時,觸發回覆,會在評論框顯示“回覆某某:”字樣的佔位符,輸入內容後提交,就是回覆的內容,如果文字框沒有輸入又失去焦點(即放棄回覆輸入),則評論框恢復原狀即評論狀態,此時如果輸入內容,發出的就是評論。

4.首頁顯示導航

小程式首頁的開啟率是最高的,我覺得如果從首頁導航到關鍵內容,可以提高頁面的開啟率;同時以前的版本中,tab標籤已經使用5個,再也無法放tab標籤了,因此此次版本更新,我在首頁放置了導航的圖示,開發者可以把自己覺得重要的內容或功能放到首頁,你可以充分利用這個導航,如果你覺得可以甚至可以把所有分類也放到這裡來導航,避免通過”專題”進去路徑太深的問題。

首頁導航配置詳見config.js:

//首頁圖示導航
//引數說明:’name’為名稱,’image’為圖示路徑,’redirectlink’為跳轉的頁面,’redirecttype’為跳轉的型別,page為本小程式的頁面,app為其他微信小程式
// ‘appid’ 當redirecttype為app時,這個值為其他微信小程式的appid,如果redirecttype為page時,這個值設定為空。
var INDEXNAV = [
{ id: ‘1’, name: ‘微店’, image: ‘../../images/shop.png’, redirectlink: ‘pages/shelf/shelf’, redirecttype: ‘app’, appid:’wx55ea6098e41af5c4′ },
{ id: ‘2’, name: ‘優秀’, image: ‘../../images/youxiu.png’, redirectlink: ‘../applist/applist’, redirecttype: ‘page’, appid: ”},
{ id: ‘3’, name: ‘專題’, image: ‘../../images/tar-topic.png’, redirectlink: ‘../topic/topic’, redirecttype: ‘page’, appid: ”},
{ id: ‘4’, name: ‘推薦’, image: ‘../../images/tuijian.png’, redirectlink: ‘../recommend/recommend’, redirecttype: ‘page’, appid: ” }
]

相關推薦

WordPress程式2.6釋出

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

WordPress程式2.4釋出

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

WordPress程式2.1.8釋出

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

WordPress程式3.0釋出

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

程式+python3.6+Django2.0後端+後臺----玉米都督

最近有個做微信小程式的需求. 而本人學習的是python3.6   和django2.0   所以決定用django來搭建服務端和後臺 宣告:   微信小程式是商城類的,微信支付啥功能都要有     

程式學習(6)-檢視容器

1. View flex-direction:row:橫向佈局模式;如果不設定該屬性,預設為橫向 flex-direction:column:縱向佈局。 介面樣式程式碼 注意:1.如果想要改模式有效,父控制元件必須設定顯示方式為flex模式,display:flex;

程式實現簡易tab切換效果

利用三元運算子實現登入註冊效果切換 直接上程式碼 wxml: <view class='top'> <text class="{{login?'active':''}}" catchtap='login'>登入</text>

程式開發(6) SSL證書及HTTPS伺服器

1. 域名 在萬網購買,略 2. 雲伺服器 阿里雲購買,略 3. 安裝lnmp 使用lnmp.org程式,略 4. 申請證書 阿里雲-管理控制檯-安全(雲盾)-證書服務-購買證書證書型別: 免費型DV SSL選擇品牌: Symantec 購買成功後,繫結域名,配置DNS解析

EA&UML日拱一卒-0基礎學習程式6)- 配置檔案的形式和內容

上篇文章中講到,小程式有兩種配置檔案,本別針對的是小程式全體和單獨的頁面,本文從形式和內容兩個方面來解析小程式中的配置檔案。 形式 從配置檔案的副檔名json可以知道配置檔案的格式是JSON(Ja

程式之線上任務釋出與接單平臺(圖)

#end time:2017/06/18系統主要功能介面執行情況及結果:系統執行環境要求及操作說明:工具:微信web開發者工具 / 申請微信小程式開發許可權系統總結和體會:    經過這次的資料庫實踐,讓我在加強掌握資料庫能力的同時,領會到了許多平時課堂上所沒有接受的課外知識

程式開發筆記2——自定義導航欄元件

本文主要是熟悉微信小程式自定義元件的開發,以一個常見的導航欄(Tabbar)需求為例。 官方文件:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 首先我們先看一

【※墨痕】程式的開發步驟2

1、登陸微信公眾平臺後,點選小程式,進入小程式開發,找到下面的工具,點選進去微信開發者工具   2、點選下載微信小程式開發工具

程式6種盈利方式?進來了解下?

2018年最焦距“微信小程式"入口不斷増加、功 能持迭代。那麼,如何藉由小程式盈利呢?快來和小編一起看看吧 微信小程式數量達到100萬 商家如何利用小程式盈利? 1:純小程式創業 對現有產品的功能進行延伸,開發一個與現有APP相輔相成的小程式。 通過小程式的高擴散性,解決ap

Atitit 程式的部署流程文件 目錄 1.1. 設定https 參照 Atitit tomcat linux 常用命令 1 1.2. 增加證書 騰訊雲和阿里雲都可申請免費證書,但要一天

Atitit 微信小程式的部署流程文件   目錄 1.1. 設定https  參照 Atitit tomcat linux 常用命令 1 1.2. 增加證書   騰訊雲和阿里雲都可申請免費證書,但要一天稽核  可以淘寶購買證書快速寫

程式白總結全攻略2-學習路線與相關資源和除錯工具

廢話都在前一章講了,這裡直接切入正題。 下面以我自己的微信小程式全棧學習路線(淺嘗輒止式的),按照時間順序往下依次列出,並附上對應的除錯工具和方法、學習資源以及我的評價 一、前端部分 (一)HTML(超文字標記語言:HyperText Markup Language) 除錯工具:

從零開始學程式開發---2程式專案的建立、相關檔案的作用及程式IDE

一、建立一個小程式專案 1、下載安裝微信web開發者工具,目前最新版本是1.02.1811141。 2、開啟,掃碼登入, 3、選擇小程式專案 4、點選專案管理旁邊的+ 5、如果你有小程式賬號會有一個APPID,詳情見小程式簡易教程申請賬號那一節,如果還沒有,可以

程式上拉重新整理和下拉載入2種方法實現

微信小程式上拉重新整理和下拉載入2種方法實現,onPullDownRefresh,scroll-view使用 一、XXX.json開啟下拉重新整理 {    "enablePullDownRefresh": true }   二、XXX.js onP

程式(6)模板詳解 template

<template name="userTemp">     <view class="user">       <view>姓名:{{item.name}}</view>   &

程式開發— 圖片顯示錯誤:VM24966:2

VM24966:2 Failed to load image http://1042065718.debug.open.weixin.qq.com/pages/detail/detail/detail : the server responded with a status of 404

程式-頁面間值傳遞的2種方法

一:url帶引數傳遞           與前端語言一樣,小程式頁面間的傳遞可以通過在路由url後接引數,路由的同時會將引數一併傳遞到新的頁面。 index.wxml: <!--index.wxml--> <view c