亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序云開發(fā)使用方法新手初體驗

 更新時間:2019年05月16日 14:35:59   作者:勝天一子半  
微信小程序云開發(fā)使用方法新手初體驗,開發(fā)者可以使用云開發(fā)開發(fā)微信小程序、小游戲,無需搭建服務器,具有一定的參考價值,感興趣的小伙伴們可以參考一下

今天看到微信推送了一條小程序云上線通知,作為一個前端er,滿懷期待的去看了看,很不錯先看看文檔上怎么說的:

開發(fā)者可以使用云開發(fā)開發(fā)微信小程序、小游戲,無需搭建服務器,即可使用云端能力。

云開發(fā)為開發(fā)者提供完整的云端支持,弱化后端和運維概念,無需搭建服務器,使用平臺提供的 API 進行核心業(yè)務開發(fā),即可實現快速上線和迭代,同時這一能力,同開發(fā)者已經使用的云服務相互兼容,并不互斥。(就是說以后老板讓你做小程序,連個后臺的人都不用給你配了,自己搞定就行了)。

目前提供三大基礎能力支持:

  • 云函數:在云端運行的代碼,微信私有協議天然鑒權,開發(fā)者只需編寫自身業(yè)務邏輯代碼
  • 數據庫:一個既可在小程序前端操作,也能在云函數中讀寫的 JSON 數據庫
  • 存儲:在小程序前端直接上傳/下載云端文件,在云開發(fā)控制臺可視化管理

說白了就是,云函數就是后端代碼,現在叫云函數,自己寫,自己上傳,數據庫沒什么好說的,就是數據庫,不過這個數據庫是json數據庫,很方便,怎么個方便法呢,看下圖:

傳統數據庫以mysql為例子:

看到int..這么多類型是不是很煩躁,取的時候再合并多個表也很麻煩

小程序云json數據庫:

看到這些類型是不是很親切,大大降低了新手對數據庫理解,不用學黑窗口,sql命令,還可以導入josn數據,很是方便。

現在走一遍流程:

1、創(chuàng)建帶小程序云模板的小程序:

----新建一個空的文件夾,填入你的appId(必須),官方說 :勾選創(chuàng)建 “云開發(fā) QuickStart 項目”,實際上是"建立云開發(fā)快速啟動模板",有點坑哦,同學要注意,點擊確定 ==>

2.看到這么多是不是有點方  - -!,看到多了一個東西,點擊創(chuàng)建自己的環(huán)境,,具體就是寫個名字,創(chuàng)個一個環(huán)境,官方上說是最好創(chuàng)建倆個環(huán)境,一個是開發(fā)環(huán)境,一個是線上環(huán)境。

不做贅述,都是免費的

看這配置給的也挺良心,一般人真的不用升級配置 ==>

3.選擇環(huán)境,環(huán)境創(chuàng)建好了,不過還沒有使用上

對第一個文件夾點右鍵,選擇你要使用的環(huán)境,下面則是你的云函數,就是跑在服務器上的。

對login文件夾點右鍵,選擇上傳并部署,ps:不上傳部署怎么使用呀,所以沒毛病。==>

4.先別急上傳個login是怎么使用的,我們先去看點擊獲取openid是事件,發(fā)現,這里只有個name對應上上傳的云函數事件名,而云函數直接就返回了openid,看看云函數是怎么實現的

wx.cloud.callFunction({
 name: 'login',
 data: {},
 success: res => {
 console.log('[云函數] [login] user openid: ', res.result.openid)
 app.globalData.openid = res.result.openid
 wx.navigateTo({
  url: '../userConsole/userConsole',
 })
 },
 fail: err => {
 console.error('[云函數] [login] 調用失敗', err)
 wx.navigateTo({
  url: '../deployFunctions/deployFunctions',
 })
 }
})
// 云函數模板
// 部署:在 cloud-functions/login 文件夾右擊選擇 “上傳并部署”
 
/**
 * 這個示例將經自動鑒權過的小程序用戶 openid 返回給小程序端
 * 
 * event 參數包含
 * - 小程序端調用傳入的 data
 * - 經過微信鑒權直接可信的用戶唯一標識 openid 
 * 
 */
exports.main = (event, context) => {
 console.log(event)
 console.log(context)
 
 // 可執(zhí)行其他自定義邏輯
 // console.log 的內容可以在云開發(fā)云函數調用日志查看
 
 return {
 openid: event.userInfo.openId,
 }
}

云函數里,直接就能拿到用戶的openid和appid并返回,所以在前端上拿到了openid,真的是很方便。==>

5.關于數據庫,數據庫那邊每一個表都有權限設置,好好看一下。

創(chuàng)建很簡單,讀取也很簡單,很像slq語句。

先創(chuàng)建一個db對象,然后直接走collection('表名字').where({條件}).get().then(res=>{}) ,我這里使用的是Promise風格,當然也可以使用回調的方式,就可以把表里的數據都取出來在頁面上展示了。

const db = wx.cloud.database();
 db.collection('todos').where({
 _id: 'W5c0IDWesyZkco4t'
 }).get().then(res => {
 this.setData({
 dataList: res.data
 })
 })

更多api還是得看接口

感覺還可以繼續(xù)完善,使用起來感覺很好,把一切變的簡單。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • javascript trie前綴樹的示例

    javascript trie前綴樹的示例

    這篇文章主要介紹了javascript trie單詞查找樹的示例,詳細的介紹了trie的概念和實現,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-01-01
  • javascript代碼混淆與加解密方式

    javascript代碼混淆與加解密方式

    這篇文章主要介紹了javascript代碼混淆與加解密方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • 用js實現放大鏡效果

    用js實現放大鏡效果

    這篇文章主要為大家詳細介紹了用js實現放大鏡效果,利用背景圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-10-10
  • js截取固定長度的中英文字符的簡單實例

    js截取固定長度的中英文字符的簡單實例

    下面是自己寫的一個簡單的函數,用于截取固定長度的字符串,中英文都適用.若有不妥之處還請高手指正
    2013-11-11
  • JavaScript+Java實現HTML頁面轉為PDF文件保存的方法

    JavaScript+Java實現HTML頁面轉為PDF文件保存的方法

    借助iText這個Java庫,我們可以將HTML文件保存為圖片文件進而轉換成PDF格式,接下來就來具體看下JavaScript+Java實現HTML頁面轉為PDF文件保存的方法
    2016-05-05
  • 沒有document.getElementByName方法

    沒有document.getElementByName方法

    document.getElementByName方法沒有document.getElementsByName得到的是標簽的數組,下面為大家詳細介紹下具體的使用,感興趣的朋友可以參考下,希望對大家有所幫助
    2013-08-08
  • js中的scroll和offset 使用比較的實例與分析

    js中的scroll和offset 使用比較的實例與分析

    這篇文章介紹了js中的scroll和offset使用比較的實例與分析,有需要的朋友可以參考一下
    2013-09-09
  • javascript學習筆記之函數定義

    javascript學習筆記之函數定義

    本文主要給大家介紹了javascript的一些函數定義方面的基礎知識,包括函數聲明式、函數表達式、Function 構造函數等,十分的簡單實用,有需要的小伙伴可以參考下。
    2015-06-06
  • ES6 Object方法擴展的應用實例分析

    ES6 Object方法擴展的應用實例分析

    這篇文章主要介紹了ES6 Object方法擴展的應用,結合實例形式總結分析了ES6針對對象方法的擴展與優(yōu)化,需要的朋友可以參考下
    2019-06-06
  • JS自動倒計時30秒后按鈕才可用(兩種場景)

    JS自動倒計時30秒后按鈕才可用(兩種場景)

    在WEB程序開發(fā)中經常會見到用倒計時限制用戶對表單的操作,希望用戶在規(guī)定的時間內閱讀完協議信息才允許用戶繼續(xù)下一步操作,本文通過兩種場景分析js實現自動倒計時30秒后按鈕才可用,小伙伴快來學習吧
    2015-08-08

最新評論