微信Applet是一個(gè)目前特殊火災(zāi)的程序,也是連接用戶和服務(wù)的新方法,可以輕松地在微信中獲得和傳播,具有出色的體驗(yàn)。
企業(yè)希望建立一個(gè)簡單的小程序官方網(wǎng)站,可以使用開源資源來構(gòu)建,有用的接口程序和小程序源代碼是開源,空閑,并為您提供如何構(gòu)建。
在這里,使用CMS小程序通過韋維框架開發(fā),背景的接口由JEECG Framework + CMS插件提供。
第1步:構(gòu)建一個(gè)JEECG框架
1,下載JEECG源代碼
提取后,使用Eclipse Maven進(jìn)入項(xiàng)目。有關(guān)詳細(xì)步驟,請參閱在線文檔:http://jeecg3.mydoc.io/
2,執(zhí)行SQL文件
打開項(xiàng)目后,找到根據(jù)您使用的數(shù)據(jù)庫的數(shù)據(jù)庫選擇相應(yīng)的文件SQL文件。
3,啟動JEECG項(xiàng)目
單擊“運(yùn)行”或“調(diào)試啟動項(xiàng)目”,開始成功輸入http:// localhost:8080 / jeecg以訪問頁面上的JEECG系統(tǒng)。
第2步:導(dǎo)入CMS插件
1,下載CMS插件后臺源代碼
提取后,使用Eclipse Maven進(jìn)入項(xiàng)目。
2,執(zhí)行數(shù)據(jù)庫腳本
在項(xiàng)目中查找Doc文件,在此文件夾下執(zhí)行數(shù)據(jù)庫腳本到JEECG數(shù)據(jù)庫,腳本的底部是CMS系統(tǒng)的菜單。
3,介紹CMS插件
打開JEECG的POM查找<digpencys>,引入CMS插件的POM
<! - CMS插件 - > <依賴項(xiàng)> <groupID> org.jeecgframework.p3 </ groupID> <ARIFACTID> JEECG-P3-BIZ-CMS </ ARTIFACTID> <版本> 1.0.0 </ version> </依賴項(xiàng)>
4,啟動JEECG項(xiàng)目
單擊“運(yùn)行”或“調(diào)試啟動項(xiàng)目”。輸入JEECG項(xiàng)目以輸入頁面上的http:// localhost:8080 / Jeecg。
5,配置菜單
我們在初始化SQL時(shí)創(chuàng)建了一個(gè)菜單。查找[系統(tǒng)管理 - >角色管理],授權(quán)菜單權(quán)限,然后用戶可以訪問CMS菜單。
6,提供接口
API接口是在CMS插件中提供的,可用于應(yīng)用程序的接口呼叫。
接口列表如下:
接口描述
接口地址
獲取第一級列列表
/api/cms/menu.do.
頁面獲取指定列的文章列表
/api/cms/articles.do.
根據(jù)文章ID獲取文章詳細(xì)信息
/api/cms/queryoneafticles.do.
獲取所有廣告網(wǎng)站列表
/api/cms/quetyalladlmages.do.
獲取網(wǎng)站信息
/api/cms/querysitelnfo.do.
第3步:構(gòu)建一個(gè)小程序環(huán)境
1,CMS小程序下載
CMS applet基于Wepy框架開發(fā),環(huán)境建設(shè)和開發(fā)過程,請參閱在線文檔:http://wepydemo.mydoc.io/
2,配置代碼
我們已啟動包含CMS插件的JECG項(xiàng)目,即接口已打開,以便可以為小型程序調(diào)用模擬本地CMS插件提供接口。
在項(xiàng)目中查找src-> api-> api.js文件,修改域更改為:http:// localhost:8080 / Jeecg
3,啟動項(xiàng)目
在命令行或npm運(yùn)行開發(fā)中輸入我們的構(gòu)建 - 用于實(shí)時(shí)編譯。
編譯后,將在項(xiàng)目中生成Dist Catalog,該項(xiàng)目用于小程序。
4,調(diào)試applet
打開WeChat開發(fā)人員工具,在項(xiàng)目目錄中選擇CMS appler,剛剛生成了一個(gè)好的dist目錄,appid輸入開發(fā)人員的綁定appid appid,可以輸入項(xiàng)目名稱,一個(gè)例子:cms。輸入單擊確定,可以看到以下界面:左側(cè)是顯示屏,右側(cè)是相應(yīng)的文件和顯示控制臺信息。
第4步:正式發(fā)布
1,JEECG和CMS插件釋放
applet的接口需要將發(fā)布到HTTPS,即CMS部署,配置HTTTPS域名。
2.應(yīng)用程序的應(yīng)用
將applet上傳到微信小程序,您可以在審核后訪問它。訪問效果如下: