小程序開(kāi)發(fā)工具api（小程序開(kāi)發(fā)工具在哪）

今天給各位分享小程序開(kāi)發(fā)工具api的知識，其中也會(huì)對(duì)小程序開(kāi)發(fā)工具在哪進(jìn)行解釋，如果能(néng)碰巧解決你現在面(miàn)臨的問題，别忘了關注本站，現在開(kāi)始吧！

本文目錄一覽：

• 1、小程序開(kāi)發(fā)工具有哪些
• 2、vscode開(kāi)發(fā)小程序，如何與小程序開(kāi)發(fā)工具同步代碼
• 3、微信小程序之原生API（下）
• 4、小程序雲開(kāi)發(fā)一些常用API
• 5、小程序底層簡單剖析實現-API實現

小程序開(kāi)發(fā)工具有哪些

一、微信小程序官方開(kāi)發(fā)工具

注意，它隻是個工具，而不是一個IDE。官方工具中的代碼編輯功能(néng)，就是將(jiāng)vscode的代碼編輯功能(néng)嵌入到工具中，不足以支撐開(kāi)發(fā)。【點擊查看小程序開(kāi)發(fā)底價】

二、即速應用

即速應用是起(qǐ)步較早、使用量較多、比較成(chéng)熟的平台。大概是比較有錢，所以到處都(dōu)能(néng)看到他們的廣告，有時候我在百度中輸入和小程序不相關的詞，也會(huì)彈出即速應用的廣告。在即速應用這(zhè)個平台上畫界面(miàn)很容易，可以不怎麼(me)需要代碼的功底。從組件界面(miàn)來看，給用戶的選擇還(hái)是蠻多，但是模闆比較固化，不能(néng)做太多修改定制。有些組件是VIP和SVIP級别的用戶才能(néng)使用，也就是要收費。

三、Sublime Text 3

sublime text 3定位于代碼編輯器而不是IDE，在代碼提示方面(miàn)隻能(néng)算一般般，不過(guò)勝在使用起(qǐ)來非常方便。

四、WebStorm

WebStorm網上有個插件，可以實現代碼提示，不能(néng)做調試和預覽，

想要了解更多有關小程序開(kāi)發(fā)的相關信息，推薦咨詢豬八戒網。豬八戒網成(chéng)立于2006年，是中國(guó)領先的企業服務平台，服務交易獨角獸企業。豬八戒網現有注冊用戶2800萬、在全國(guó)布局線下數字化創業園區超過(guò)100個。十餘年來，累計有10萬餘個人通過(guò)平台孵化成(chéng)長(cháng)爲公司，超過(guò)100萬人通過(guò)平台實現靈活就業，千萬企業通過(guò)平台解決專業服務需求；專業性值得選擇。

vscode開(kāi)發(fā)小程序，如何與小程序開(kāi)發(fā)工具同步代碼

一、首頁可以用小程序開(kāi)發(fā)工具先創建好(hǎo)項目，或者是用vscode去創建也可

二、用vscode打開(kāi)創建好(hǎo)的項目

三、在vscode中安裝幾個小程序插件即可

1、搜索安裝vscode weapp api，這(zhè)是小程序的語法結構api

2、安裝vscode wxml這(zhè)個插件，主要是針對(duì)wxml文件的

3、安裝vscode-wechat這(zhè)個插件

4、安裝一下Easy WXLESS，是針對(duì)wxss文件的

以上安裝好(hǎo)插件之後(hòu)，在vscode裡(lǐ)面(miàn)編輯小程序項目，保存即可同步到小程序開(kāi)發(fā)工具中啦！

這(zhè)樣(yàng)在vscode中也可以使用小程序的api啦~

微信小程序之原生API（下）

第65篇

極客時間《9小時搞定微信小程序開(kāi)發(fā)》第五課：原生API。

小程序API最後(hòu)一部分，課程中沒(méi)有詳細去講，因爲當時開(kāi)放的API還(hái)沒(méi)有現在這(zhè)麼(me)多，而且這(zhè)部分API偏于後(hòu)台控制，大多是後(hòu)期逐步新增的。

wx.getUpdateManager 獲取 全局唯一 的版本更新管理器，用于管理小程序更新

UpdateManager對(duì)象用來管理更新，有強制小程序重啓并使用新版本、監聽小程序版本更新事(shì)件等方法。

一些異步處理的任務，可以放置于 Worker 中運行，待運行結束後(hòu)，再把結果返回到小程序主線程。Worker 運行于一個單獨的全局上下文與線程中，不能(néng)直接調用主線程的方法。

Worker 最大并發(fā)數量限制爲 1 個，創建下一個前需要結束當前 Worker；Worker 與主線程之間的數據傳輸，雙方使用 Worker.postMessage()來發(fā)送數據，Worker.onMessage()來接收數據，傳輸的數據并不是直接共享，而是被(bèi)複制的。

wx.reportMonitor，自定義業務數據監控上報接口，最多可以創建128個監控事(shì)件

監聽或取消監聽小程序切換前後(hòu)台、錯誤事(shì)件

wx.canIUse：判斷小程序的API，回調，參數，組件等是否在當前版本可用

繪圖相關的API，主要是對(duì)CanvasContent對(duì)象的使用，實現各種(zhǒng)顔色、線條、内容填充的控制

可以用以下幾種(zhǒng)方式來表示 canvas 中使用的顔色：

RGB 顔色： 如 'rgb(255, 0, 0)'

RGBA 顔色：如 'rgba(255, 0, 0, 0.3)'

16 進(jìn)制顔色： 如 '#FF0000'

預定義的顔色： 如 'red'

其中預定義顔色有148個： 自定義顔色

調試開(kāi)關和日志管理器的API，console可以向(xiàng)調試面(miàn)闆打印debug\error\info\log\warn共5類日志，logmanager最多保存5M的日志内容，超過(guò)5M後(hòu)，舊的日志内容會(huì)被(bèi)删除。

獲取第三方平台的自定義的數據字段。小程序運營者可以一鍵授權給第三方平台，通過(guò)第三方平台完成(chéng)業務。

第三方平台有單獨的說明，參見: 第三方平台

創建 map 上下文 MapContext 對(duì)象，MapContext實現以下功能(néng)

對(duì)小程序框架中的路由控制進(jìn)行擴充，實現關閉頁面(miàn)後(hòu)返回或跳轉到其他頁面(miàn)的操作。

對(duì)小程序轉發(fā)功能(néng)的控制，就是小程序右上角關閉按鈕旁邊3個小白點裡(lǐ)的『轉發(fā)』。

獲取系統信息，主要包括以下信息：

設定或取消定時器，按照指定周期或在定時到期之後(hòu)執行注冊的回調函數

IntersectionObserver 對(duì)象，用于推斷某些節點是否可以被(bèi)用戶看見、有多大比例可以被(bèi)用戶看見

SelectorQuery，查詢節點信息的對(duì)象

小程序開(kāi)發(fā)框架提供的API變得越來越多，通過(guò)這(zhè)些微信原生的API，可以快速方便的調用微信的能(néng)力，比如文件的控制、圖片視頻的控制、數據的緩存、微信支付等，從而實現更加複雜多樣(yàng)的業務。

小程序雲開(kāi)發(fā)一些常用API

初始化時調用

獲取集合對(duì)象

❌錯誤寫法

✅正确寫法:

collection

.doc("28ee4e3e60de767c26f0922f1915b1c9")

.update({

data:{

age:28,

scroe:100

}

}).then(res={

console.log(res)

}).catch(err={

console.log(err)

})

collection.doc("28ee4e3e60de767c26f0922f1915b1c9")

.remove().then(res={

console.log(res)

}).catch(err={

console.log(err)

})

collection.where({

_openid:this.data.openid

}).get().then(res={

this.setData({

queryResult: JSON.stringify(res.data, null, 2)

})

}).catch(err={

console.log(err)

})

db.collection('todos')

.where({

_openid: 'xxx', // 填入當前用戶 openid

})

.skip(10) // 跳過(guò)結果集中的前 10 條，從第 11 條開(kāi)始返回

.limit(10) // 限制返回數量爲 10 條

.get()

.then(res = {

console.log(res.data)

})

.catch(err = {

console.error(err)

})

//使用查詢指令查詢數據 gte(20) 大于20 . lt(20)小于20

const cmd = db.command;

collection.where({

age:cmd.gte(20)

}).get()

.then(res={

console.log(res)

}).catch(err={

console.log(err)

})

//使用正則查詢

collection.where({

name:db.RegExp({

regexp:"^li.*",

options:"i"

})

}).get()

.then(res={

console.log(res)

})

//開(kāi)啓監聽房間變化

db.collection("chatroom").where({

groupid:"110"

}).watch().then(res={

console.log(res)

}).catch(err={

console.log(err)

})

//發(fā)送消息

db.collection("chatroom").add({

data:{

groupid:"110",

message:"吃了嗎"

}

}).then(res={

console.log(res)

}).catch(err={

console.log(err)

})

小程序底層簡單剖析實現-API實現

我們發(fā)現，小程序裡(lǐ)面(miàn)大部分API都(dōu)是異步接口，這(zhè)根它的雙線程模型有很大關系。

以下舉一個标準的異步接口 showToast 。

在logic層，我們調用了 showToast 方法：

實際上這(zhè)接口發(fā)到 master 層去處理的：

考慮到我們的接口都(dōu)是異步回調，在 master 層處理完畢後(hòu)需要通知回 logic 層：

上面(miàn)我們看到了一個 msgId，這(zhè)是各層間傳遞信息标識的唯一id，而 logic 層還(hái)需要處理回調結果，我們完善一下：

在API調用的時候，把自身的回調函數緩存起(qǐ)來，等收到回調的信息時，執行相應的回調，再把緩存删掉。

在一些接口上，也能(néng)提供同步的接口，比如： getStorageSync 。

這(zhè)個比較好(hǎo)理解，因爲 localStorage 無論在父級頁面(miàn)或者iframe中都(dōu)能(néng)取到，而且本身也是一個同步方法，所以可以在 master 層和 logic 層都(dōu)實現一遍。

我們還(hái)發(fā)現，小程序的 setStorage 比 web 上的 localStorage 似乎可以寫入的格式多一些，還(hái)支持Date格式類型，方法是通過(guò)寫入JSON來實現，參照 LocalStorage

上一篇

關于小程序開(kāi)發(fā)工具api和小程序開(kāi)發(fā)工具在哪的介紹到此就結束了，不知道(dào)你從中找到你需要的信息了嗎 ？如果你還(hái)想了解更多這(zhè)方面(miàn)的信息，記得收藏關注本站。