今天給各位分享uniapp項(xiàng)目結(jié)構(gòu)的知識(shí)，其中也會(huì)對(duì)uniapp 架構(gòu)進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、如何建立uniapp websocket服務(wù)端，要怎么實(shí)現(xiàn)？
• 2、基于 UniAPP 項(xiàng)目多端開發(fā)
• 3、uniapp原生插件開發(fā)(iOS)

如何建立uniapp websocket服務(wù)端，要怎么實(shí)現(xiàn)？

其實(shí)現(xiàn)在有很多開源的websocket服務(wù)端組件，你自己多百度一下就可以找到。

使用這些開源的websocket服務(wù)端組件不好的地方是，很多功能都需要自己去做各種優(yōu)化，要做的工作非常多。如果項(xiàng)目時(shí)間充裕可以考慮這種方式來實(shí)現(xiàn)。

如果項(xiàng)目時(shí)間緊，對(duì)websocket服務(wù)性能要求高，那可以考慮第三方的websocket推送服務(wù)。

我們前段時(shí)間在uniapp插件市場找到一款性能優(yōu)異的websocket推送框架，對(duì)uniapp支持不錯(cuò)，算是uniapp生態(tài)體系里面非常優(yōu)秀的一款框架了，推薦你去試試。框架地址：網(wǎng)頁鏈接

基于 UniAPP 項(xiàng)目多端開發(fā)

pages.json

在/config/request.js中，寫入如下內(nèi)容：

引用配置

我們可以在main.js中引用/config/request.js，注意引用的位置，需要在new Vue得到Vue實(shí)例之后，如下：

Api集中管理

發(fā)送請(qǐng)求

詳見：

uViewHttp請(qǐng)求

小程序打包發(fā)布

微信相關(guān)api要特有處理

uniapp原生插件開發(fā)(iOS)

打開 Xcode，創(chuàng)建一個(gè)新的Framework工程，然后點(diǎn)擊 Next

輸入插件工程名稱（建議使用一個(gè)性化的前綴，避免與其他人的插件包名沖突），其他項(xiàng)不需要修改保持工程默認(rèn)填充的即可，然后點(diǎn)擊Next

然后選中工程名，在TARGETS-Build Settings中，將 Mach-O Type 設(shè)置為 Static Library 如下圖所示

打開 iOSSDK/HBuilder-uniPluginDemo工程目錄，雙擊目錄中的HBuilder-uniPlugin.xcodeproj 文件運(yùn)行插件開發(fā)主工程

在 Xcode 項(xiàng)目左側(cè)目錄選中主工程名，然后點(diǎn)擊右鍵選擇Add Files to “HBuilder-uniPlugin” ...

然后選擇您剛剛創(chuàng)建的插件工程路徑中，選中插件工程文件，勾選 Create folder references 和 Add to targets 兩項(xiàng)，然后點(diǎn)擊Add

然后在 Xcode 項(xiàng)目左側(cè)目錄選中主工程名，在TARGETS-Build Phases-Dependencies中點(diǎn)擊+

在彈窗中選中插件工程，如圖所示，然后點(diǎn)擊Add，將插件工程添加到Dependencies中

此時(shí)可以看到 Dependencies 和 Link Binary With Libraries 都添加了插件工程，如下圖所示

擴(kuò)展原生功能有兩種方式：

module：不需要參與頁面布局，只需要通過 API 調(diào)用原生功能，比如：獲取當(dāng)前定位信息、數(shù)據(jù)請(qǐng)求等功能，通過擴(kuò)展module的方式來實(shí)現(xiàn)；

component：需要參與頁面布局，比如：map、image等需要顯示UI的功能，通過擴(kuò)展component即組件的方法來實(shí)現(xiàn)；

新建TestModule類，繼承 DCUniModule，引入 DCUniModule.h 頭文件。

然后在 TestModule.m 文件中添加實(shí)現(xiàn)方法

選中工程中的HBuilder-uniPlugin-Info.plist文件右鍵-Open As-Source Code找到dcloud_uniplugins節(jié)點(diǎn)，copy下面的內(nèi)容添加到dcloud_uniplugins節(jié)點(diǎn)下，按插件的實(shí)際信息填寫對(duì)應(yīng)的項(xiàng)

在 uni-app 項(xiàng)目中調(diào)用 module 方法

生成 uni-app 本地打包資源

首先需要生成本地打包資源，在 HBuilderX 中選您的 uni-app 工程，右鍵-發(fā)現(xiàn)-原生App-本地打→生成本地打包App資源

項(xiàng)目編譯完成后會(huì)在 HBuilderX 控制臺(tái)輸出資源存路徑，點(diǎn)擊路徑會(huì)自動(dòng)打開資源所在文件夾

接下來，將應(yīng)用資源導(dǎo)入到插件開發(fā)主工程的 HBuilder-Hello/Pandora/apps/ 中，如下圖所示，直接拖進(jìn)去即可

如下圖所示，將編譯工程選擇為插件項(xiàng)目（DCTestUniPlugin），運(yùn)行設(shè)備選擇 Generic iOS Device

新建一個(gè) package.json 文件，根據(jù)插件實(shí)際情況填寫插件配置信息

然后以插件id為名新建一個(gè)文件夾，將編輯好的 package.json 放進(jìn)去，然后在文件夾中在新建一個(gè) ios （小寫）文件夾，將剛剛生成的依賴庫（DCTestUniPlugin.framework）copy 到 ios 根目錄，這樣我們的插件包就構(gòu)建完成了，如下圖所示

HBuilderX 的 uni-app 項(xiàng)目創(chuàng)建中“nativeplugins”目錄（如不存在則創(chuàng)建）將插件配置到uni-app項(xiàng)目下的“nativeplugins”目錄

uni-app原生插件本地配置

將原生插件配置到uni-app項(xiàng)目的“nativeplugins”下，還需要在manifest.json文件的“App原生插件配置”項(xiàng)下點(diǎn)擊“選擇本地插件”，在列表中選擇需要打包生效的插件：

關(guān)于uniapp項(xiàng)目結(jié)構(gòu)和uniapp 架構(gòu)的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。