博客 / 詳情

返回

搭建活動頁面可以有多快?帶你來看小程序雲模板

最近微信小程序推出「雲模版」,在降低開發門檻,提升開發效率的路上又走了一步。我搶先體驗了一圈,作為開發者用户來説下自己的感受。

雲模版為開發者提供了眾多常用的業務模塊,只需選擇所需模塊並進行簡單調整,即可直接將源碼頁面部署到小程序包中,實現活動的快速開發和上線。

圖片

一、 什麼場景需要雲模板?

在小程序開發過程中,我們可以發現,有一些業務需求是類似的,可能最大的變化就是前端頁面設計;比如簽到打卡、積分中心、趣味抽獎等。

我們可以將這些相似的需求歸類,每一類需求都可以用一個開發模板為底座,通過上層的參數或頁面調整來實現。作為開發者,我們可以用這種方式來替代我們重複的開發工作,同時提升了我們搭建活動頁面的效率。

微信小程序推出的「雲模版」能力,正是利用了這種 “模板複用,二次修改” 的思路。另外也為開發者預置了常見的場景類別,並且這個類別會持續的擴展。

我在這裏隨便列舉幾個類別,大家可以帶入一下:

1. 營銷活動大類:

● 抽獎活動:吸引用户參與的抽獎頁面;

● 限時優惠:限時折扣頁面;

● 新品發佈:為新品專設活動頁面;

2. 信息收集與報名:

● 線上課程報名:為用户報名體驗使用;

● 活動登記:活動登記表單,收集用户數據;

● 意見反饋:創建收集用户意見和建議的反饋頁面;

3. 內容發佈與展示:

● 新聞公告:在小程序中發佈展示最新公告;

● 教育培訓:在線教育機構可以快速更新課程信息;

● 產品展示:為產品創建專屬展示頁面;

4. 服務預約與管理:

● 醫療健康預約:用户可以方便地預約醫療服務;

● 餐飲預定:提供在線菜單,實現快速點餐與預定;

● 汽車維修預約:車主在線預約維修服務;

5. 用户互動與社區:

● 投票調查:發起在線投票,瞭解用户偏好;

● 社區交流:構建社區交流平台,促進用户互動;

● 知識問答:設置問答環節,提升內容的互動性;

「雲模版」最大的好處是,由它生成的頁面,可以直接導出源碼到自己開發的小程序包中,調整非常的靈活。

圖片

二、 雲模版有什麼特點和能力?

雲模版最大的特點就是數據互通和組建豐富化兩點。

1. 數據互通

直接打通登錄態,用户進入雲模版生成的活動頁面後,會自動獲取登錄信息。另外在活動頁面操作過程中的所有數據,都會有自帶的數據源支持,開發者可以直接跟後面的數據源做對接。

圖片

這樣直接對接數據源的好處有兩點:

(1) 不需要修改前端頁面來冗雜的對接所有數據,節省開發時間,提升開發效率。

(2) 直接對接的數據源數據更加整齊,減少了很多控制層的後端開發邏輯,一切以數據驅動。

如果你不想與自己的後端對接,只是想快速上線並運營一個獨立的活動頁。2.0自帶的數據源也配有完善的管理後台,可以支持多用户多角色精細化授權管理。

圖片

2. 組件豐富化

雲模版除了預置很多類別的模板之外,還允許你在模板的基礎上做很多精細化的頁面修改,這就需要提供更多組件來適應眾多開發者不同的需求。

所以我們可以在雲模版管理器中,看到豐富的組件庫,以及可以供自定義邏輯使用的表達式配置。

圖片

圖片

三、 如何使用雲模版 ?

接下來給大家展示一下雲模版使用步驟

1. 下載最新版的微信開發者工具IDE(nightly版本)

請在官方IDE下載頁面,下載最新nightly版本的開發者工具IDE,並安裝。(stable版本需要等待下一發版,2401020(不含)之後)

2. 打開自己的小程序開發項目(無需新建一個小程序項目),在代碼目錄中右鍵菜單,在菜單中點擊「配置雲模版/單頁模板」

圖片

3. 跳轉到雲模版配置管理控制枱,如果你沒有任何使用任何模板,會出現以下界面,你可以選擇心儀的模板,點擊「安裝模板」

圖片

安裝頁面大概需要2分鐘左右,請耐心等待。

5. 頁面安裝完成後,跳轉到頁面的控制頁面

圖片

在這裏你可以點擊右上角的「前往管理後台」,配置活動相關配置。以大轉盤舉例子,可以在管理後台中配置抽獎次數、獎品信息、中獎概率、中獎後地址的維護等。

如果你覺得頁面的信息和自己的期望不符,你可以前往「自定義設計」做相應的修改,修改後發佈即可。

圖片

如果你有和自己後端對接的需求,可以前往「數據管理」頁,配置外部數據源來對接。

圖片

6. 將頁面安裝到自己的小程序中在初次安裝雲模版時,你需要填寫必要的信息到控制枱中,點擊頂部的黃色警告欄,在彈出的對話框中輸入小程序的關鍵信息。

圖片

對應的信息可以前往小程序管理後台配置獲取

圖片

配置完畢後,可以在頁面控制枱中,直接點擊「添加到小程序」,頁面就會自動的插入到你打開的項目中了。

圖片

你可以在後面二次修改這個頁面的路徑,和原生開發的體驗無異。

圖片

四、 寫在後面

初次體驗下來,從開通到安裝到小程序,全程不到10分鐘。如果再需要自己修改一下頁面和規則,1個小時的時間也是富裕的。

目前的雲模板預置的頁面還是有限的幾個,如果有其他場景需求,倒也不妨礙我們直接自定義全新的頁面(自定義頁面能力),期待後面可以推出更多場景的模板。

另外還發現雲模板有「高併發設置」和「安全設置」能力,但是還沒有上線。考慮到抽獎等活動可能會引來羊毛黨等灰產的攻擊,這些設置不僅能保證活動頁面的順暢運行,還能提供額外的性能和安全加成,又為開發者省去了一大工作量,我這裏蹲一波,後面推出後體驗下這塊能力。

圖片

如果你目前正在為快速上線活動頁面而煩惱,或者有計劃升級你的開發模式,不妨可以花點時間體驗一下「雲模板」。

如果你在使用過程中有疑問或者建議,可以加入交流羣直接問。

圖片

關於本文中提出的觀點和內容,如果你有其他補充和意見,歡迎在文章下留言一起探討~

最後給一些場景中一小部分模板,供大家參考

圖片

圖片

圖片

圖片

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.