小程序開發(fā)免費(fèi)后端之神秘利器分享
大家都知道嗽上,想快速開發(fā)一款完整小程序都缺不了前端與后端。前端想提高開發(fā)速度兽愤,大家都會使用市面上優(yōu)秀的UI框架來提高開發(fā)效率。
后端逐沙,很多剛?cè)腴T的前端人員還不知道自己完全不懂后端洼畅,也可以開發(fā)出功能強(qiáng)大帶后端功能的小程序。 后端這個(gè)行業(yè)帝簇,因?yàn)楦拍钐嗌ル龋仨氝\(yùn)行在服務(wù)器上面,需要有服務(wù)器芋浮,有一定成本。讓很多前端技術(shù)人員望而卻步镇草。
目前小程序需要一個(gè)可以用的后端解決方案,需要后端語言+服務(wù)器+數(shù)據(jù)庫+備案域名+https證書梯啤。整個(gè)鏈條下來,沒有一個(gè)月以上都搞不定黔夭。 所以騰訊云最初2017年初推出了Wafer 方案羽嫡,讓后端簡單了很多。節(jié)約后端整套搭建的時(shí)間婚惫,實(shí)現(xiàn)一個(gè)套件提供給你魂爪,減少后端工作量。
到了2018年中旬滓侍,官方終于發(fā)現(xiàn)撩笆,即使提供Wafer方案, 低價(jià)3塊錢購買夕冲,要開發(fā)一個(gè)帶后端的小程序還是很麻煩,主要是技術(shù)門檻泣栈,很多人根本就不懂服務(wù)器弥姻,wafer搭建報(bào)錯了就玩不轉(zhuǎn)。 所以推出了小程序云模式庭敦,基于Serverless架構(gòu)。
作為前端無需搭建颠悬,無需了解服務(wù)器概念定血,什么cpu、內(nèi)存灾票、帶寬都不需要你去管茫虽,你只要寫好客戶端代碼就行。前端人員客戶端直接操作數(shù)據(jù)庫濒析, 就像操作本地緩存一樣簡單。
學(xué)習(xí)教程
- 首先跟Jquery一樣婴氮,引入js庫
var Bmob = require('../dist/Bmob-x.x.x.min.js');
- 初始化盾致,讓后臺知道你是使用哪個(gè)庫。
Bmob.initialize("你的Application ID", "你的REST API Key");
3 . 業(yè)務(wù)操作: 例如查詢tableName表里一個(gè)姓名(name)叫張三的人罩驻,這樣就好护赊。
const query = Bmob.Query("tableName");
query.equalTo("name","==", "張三");
query.find().then(res => {
console.log(res)
});
無論是小程序、Cocos Creator爽哎、快應(yīng)用器一、網(wǎng)頁、nodejs等都是這樣寫祈秕,在控制臺就可以看到打印符合姓名(name)叫張三的所有人请毛。從數(shù)據(jù)庫取出數(shù)據(jù)如此簡單
如果你想新增一位叫李四的人到數(shù)據(jù)庫,當(dāng)然也很簡單
const query = Bmob.Query('tableName');
query.set("name","李四")
query.save().then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
沒看錯方仿,通過js代碼统翩,就可以跟操作緩存一樣操作數(shù)據(jù)庫此洲,小程序開發(fā)帶后端的,再也不用去學(xué)PHP了呜师。 網(wǎng)頁操作數(shù)據(jù)庫也一樣
這里放個(gè)完整的網(wǎng)頁代碼,從數(shù)據(jù)庫讀取數(shù)據(jù)顯示到頁面衷畦。
<html>
<head>
<title>Bmob后端云測試</title>
<script src="Bmob-1.4.2.min.js"></script>
<script>
Bmob.initialize('9b41c92db4976a1bae59d554f0c3fc4a', '7fa2bb3451025d9da1f234e700ea161a')
const query = Bmob.Query("newslist");
query.find().then(res => {
console.log(res)
for (var i = 0; i < res.length; i++) {
document.write(`${i}:${res[i].title}-----${res[i].createdAt}<br>`)
};
});
</script>
</head>
<body>
</body>
</html>
http://www.reibang.com/p/4f9fdf956bb8
更多操作知牌,可以去官方看文檔。
學(xué)習(xí)覺得只有文檔铛嘱,沒有實(shí)際項(xiàng)目源碼墨吓? 這是很快新框架的一個(gè)弊端纹磺,Bmob云服務(wù)是國內(nèi)最早一家做后端云產(chǎn)品, 目前網(wǎng)絡(luò)上大量基于Bmob云的實(shí)際項(xiàng)目秘症。官方為了大家更快學(xué)習(xí)使用式矫,也推出了一個(gè)源碼市場,你可以把自己寫的代碼提交上去聪廉,開源與不開源都可以故慈。
開源提供免費(fèi)的發(fā)布上去,相比自己放github更方便察绷, 原因是其他人點(diǎn)擊購買(無需付費(fèi))拆撼,可以立刻生成這個(gè)小程序的所有數(shù)據(jù)結(jié)構(gòu)喘沿,包含默認(rèn)演示數(shù)據(jù)竭贩。 下載代碼開發(fā)工具打開即可學(xué)習(xí)。
這里推薦幾個(gè)開源娶视,帶后端的小程序源碼
1.地道美食地圖
源碼地址: https://github.com/LanceCong/gourmet_map
由于簡書新規(guī)則睁宰,禁止放小程序二維碼柒傻。
2.出發(fā)吧一起
源碼地址:https://github.com/dmego/together
由于簡書新規(guī)則,禁止放小程序二維碼红符。
常規(guī)的小程序大家都知道,可以做致开,如果復(fù)雜的是否可以開發(fā)萎馅,下面推薦
推薦3個(gè)復(fù)雜的例子
- 趣貓
由于簡書新規(guī)則,禁止放小程序二維碼飒货。
這個(gè)基于Serverless開發(fā)的一個(gè)例子峭竣,是基于Bmob后端云小程序,開發(fā)的一個(gè)小程序皆撩,叫趣貓扛吞。他的業(yè)務(wù)是一個(gè)淘寶客的業(yè)務(wù),搜索跟推薦分成喻粹,提現(xiàn)是他主要的功能, 其中搜索型酥,如果不配合Faas,是沒法實(shí)現(xiàn)郁竟, 因?yàn)樗乃阉饔删常鋵?shí)是搜索淘寶客API的數(shù)據(jù),整個(gè)淘寶推廣的商品都可以搜索出來虏杰,有token授權(quán)纺阔,需要Faas訪問淘寶API,返回?cái)?shù)據(jù)給小程序客戶端笛钝。
2.紙?zhí)?/p>
由于簡書新規(guī)則,禁止放小程序二維碼结榄。
第二個(gè)基于Serverless開發(fā)的一個(gè)例子囤捻,小程序紙?zhí)帘诩堊罱黾恿艘粋€(gè)功能,壁紙更新提醒通知依溯,當(dāng)后臺有壁紙更新了瘟则, 會自動發(fā)送一條模板消息給我。這個(gè)也是基于Bmob 云函數(shù)(Faas)慷嗜。目前這個(gè)小程序丹壕,已經(jīng)從小程序演生,上線android菌赖、IOS琉用,快應(yīng)用策幼。4個(gè)客戶端奴紧,共同打通用戶體系。
這么復(fù)雜的邏輯都可以實(shí)現(xiàn)黍氮,一般沒有什么業(yè)務(wù)是做不了的沫浆。這種一個(gè)前端就可以做出帶后端的小程序,是未來的發(fā)展方向件缸,目前為什么推薦Bmob小程序云叔遂,而不是官方的小程序云。
1.Bmob 是最早一家已艰,做這行在國內(nèi)很多年了。
2.Bmob的例子凿叠,跟成型項(xiàng)目更多
3.Bmob 存儲嚼吞。流量更多,支持多端上傳訪問炒刁,每個(gè)月送20G誊稚,CDN流量持續(xù)這么多年,沒變過城瞎。
4.Bmob技術(shù)服務(wù)會更好疾瓮,官方有專業(yè)的技術(shù)群,開發(fā)過程中問題能得到及時(shí)解答狼电。
5.Bmob 支持大并發(fā)。
第五點(diǎn)卷员,也是最重要的,試想下如果你有個(gè)每天百萬用戶日活削饵,每天收入8000未巫,敢用免費(fèi)的服務(wù)器嗎,除了任何問題劈伴,你這天的收入可能就沒了握爷,連續(xù)幾天,可能整個(gè)小程序就沒人用了追城,如果只是免費(fèi)燥撞,有誰會給你這么大的免費(fèi)帶寬跟服務(wù)器資源,幾乎沒有色洞。
為了提高開發(fā)者的寫代碼興趣冠胯,Bmob還推出了源碼交易市場,如果你是一位擁有自己源碼的開發(fā)者惭蹂,只需在Bmob 開發(fā)者后臺提交相關(guān)的代碼割粮,并填寫合理的報(bào)酬,有需要的開發(fā)者看到廷雅,購買下載,也有一份不錯的收入航缀,目前已有許多收入過萬的源碼芥玉。