一直以為小程序組件和小程序插件是一回事，只是措辭不一樣，導(dǎo)致造成烏龍，其實(shí)完全是兩回事，插件是可以直接提供服務(wù)的，組件是給開(kāi)發(fā)者提供的輪子，不能直接提供服務(wù)。
先看看微信是如何定義小程序插件的：小程序插件是可被添加到小程序內(nèi)直接使用的功能組件，開(kāi)發(fā)者可以像開(kāi)發(fā)一個(gè)小程序一樣開(kāi)發(fā)一個(gè)插件，供其他小程序使用，同時(shí)，小程序開(kāi)發(fā)者可直接在小程序內(nèi)使用插件，無(wú)需開(kāi)發(fā)，為用戶提供更豐富的服務(wù)。
下面是支付寶小程序官方描述：插件是一種獨(dú)立封裝的軟件模塊，用來(lái)承載企業(yè)的能力或者服務(wù)，便于宿主小程序進(jìn)行快捷集成。和普通組件不同的是，插件擁有獨(dú)立的應(yīng)用和獨(dú)立的上下文，即數(shù)據(jù)、業(yè)務(wù)邏輯和服務(wù)端連接。當(dāng)小程序應(yīng)用需要使用插件的服務(wù)時(shí)，加載和運(yùn)行插件，以使得插件訪問(wèn)自身的數(shù)據(jù)與服務(wù)端，完成對(duì)應(yīng)的服務(wù)；而在小程序不需要使用插件的服務(wù)時(shí)，只需要運(yùn)行小程序應(yīng)用本身，訪問(wèn)小程序應(yīng)用自身的數(shù)據(jù)服務(wù)端。插件和宿主小程序上下文是互相隔離的，即小程序應(yīng)用不能直接訪問(wèn)插件的數(shù)據(jù)，也不能獲得插件的權(quán)限，反之，插件也不能直接訪問(wèn)小程序的數(shù)據(jù)，也不能獲得小程序的權(quán)限。
小程序插件可以是
- 提供查詢快遞信息的服務(wù)
- 提供查詢天氣的服務(wù)
- 提供打車（滴滴）的服務(wù) - 可以使用滴滴提供的組件，直接嵌入自己的小程序，實(shí)現(xiàn)打車功能）
- 提供外賣（美團(tuán)外賣）的服務(wù) - 例如每個(gè)餐廳需要的小程序風(fēng)格都不一樣，但他都需要外賣功能，那這時(shí)就可以給餐廳都定制一個(gè)小程序，在外賣部分的功能可以直接使用美團(tuán)外賣提供的外賣插件
再來(lái)看看什么是小程序組件
一個(gè)小程序頁(yè)面可以分解成多個(gè)部分組成，組件就是小程序頁(yè)面的基本組成單元。
常用的一些組件：
1）視圖容器
| 組件名 | 說(shuō)明 |
|---|---|
| view | 視圖容器 |
| scroll-view | 可滾動(dòng)視圖容器 |
| swiper | 滑塊視圖容器 |
| movable-view/movable-area | 可移動(dòng)的視圖容器 |
2）基礎(chǔ)內(nèi)容
| 組件名 | 說(shuō)明 |
|---|---|
| icon | 圖標(biāo) |
| text | 文字 |
| rich-text | 富文本 |
| progress | 進(jìn)度條 |
3）表單
| 組件名 | 說(shuō)明 |
|---|---|
| button | 按鈕 |
| form | 表單 |
| input | 輸入框 |
| label | 標(biāo)簽 |
| textarea | 多行輸入框 |
| picker | 列表選擇器 |
4）導(dǎo)航
| 組件名 | 說(shuō)明 |
|---|---|
| navigator | 頁(yè)面鏈接 |
5）多媒體
| 組件名 | 說(shuō)明 |
|---|---|
| audio | 音頻 |
| image | 圖片 |
| video | 視頻 |
如何開(kāi)發(fā)引入小程序插件
小程序插件開(kāi)發(fā)一般來(lái)講各個(gè)小程序開(kāi)放平臺(tái)對(duì)于插件開(kāi)發(fā)的開(kāi)放范圍有一定的限制，例如微信小程序平臺(tái)開(kāi)放了22個(gè)行業(yè)相關(guān)的插件開(kāi)發(fā)，其中對(duì)醫(yī)療服務(wù)、金融業(yè)、文娛、社交等行業(yè)還有進(jìn)一步的特殊限制。
在了解小程序插件的開(kāi)發(fā)規(guī)范后，如何以正確的方式開(kāi)始小程序插件的開(kāi)發(fā)呢？其實(shí)各大平臺(tái)都出了響應(yīng)的開(kāi)發(fā)工具和開(kāi)發(fā)指南。我們同樣以微信和支付寶為例，使用微信開(kāi)發(fā)者工具和支付寶IDE工具即可高效率的完成一個(gè)小程序插件的創(chuàng)建和開(kāi)發(fā)，
具體的開(kāi)發(fā)指南可訪問(wèn)：
微信小程序插件開(kāi)發(fā)文檔
developers.weixin.qq.com/miniprogram/dev/devtools/plugin.html
支付寶小程序插件開(kāi)發(fā)文檔
opendocs.alipay.com/mini/plugin/plugin-development
除了微信和支付寶有開(kāi)放一些小程序插件外，小程序容器技術(shù)商?FinClip?也貢獻(xiàn)了一些，他們搭建了屬于自己的?FinClip 小程序應(yīng)用市場(chǎng)，里面包含一些現(xiàn)成的小程序插件和小程序應(yīng)用供開(kāi)發(fā)者直接使用，感興趣的同學(xué)可以直接訪問(wèn)了解一下文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-488474.html
最后總結(jié)一下小程序插件可以幫助開(kāi)發(fā)者解決哪些問(wèn)題：文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-488474.html
- 由于插件是獨(dú)立封裝的業(yè)務(wù)功能和服務(wù)，宿主小程序集成和使用插件更為便捷。
- 由于插件運(yùn)行時(shí)框架提供上下文隔離機(jī)制，插件內(nèi)部的數(shù)據(jù)安全性更有保障。
- 由于插件具有獨(dú)立的應(yīng)用，插件可以獨(dú)立進(jìn)行發(fā)版，開(kāi)發(fā)和升級(jí)更高效。插件支持商業(yè)訂購(gòu)和結(jié)算，便于開(kāi)發(fā)者進(jìn)行服務(wù)變現(xiàn)和商業(yè)化。
到了這里，關(guān)于前端小白科普：小程序組件與插件有啥區(qū)別？怎么用？的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
