今天給各位分享uniapp項目結構的知識，其中也會對uniapp 架構進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關注本站，現(xiàn)在開始吧！

本文目錄一覽：

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

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

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

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

如果項目時間緊，對websocket服務性能要求高，那可以考慮第三方的websocket推送服務。

我們前段時間在uniapp插件市場找到一款性能優(yōu)異的websocket推送框架，對uniapp支持不錯，算是uniapp生態(tài)體系里面非常優(yōu)秀的一款框架了，推薦你去試試?？蚣艿刂罚壕W(wǎng)頁鏈接

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

pages.json

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

引用配置

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

Api集中管理

發(fā)送請求

詳見：

uViewHttp請求

小程序打包發(fā)布

微信相關api要特有處理

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

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

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

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

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

在 Xcode 項目左側目錄選中主工程名，然后點擊右鍵選擇Add Files to “HBuilder-uniPlugin” ...

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

然后在 Xcode 項目左側目錄選中主工程名，在TARGETS-Build Phases-Dependencies中點擊+

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

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

擴展原生功能有兩種方式：

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

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

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

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

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

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

生成 uni-app 本地打包資源

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

項目編譯完成后會在 HBuilderX 控制臺輸出資源存路徑，點擊路徑會自動打開資源所在文件夾

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

如下圖所示，將編譯工程選擇為插件項目（DCTestUniPlugin），運行設備選擇 Generic iOS Device

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

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

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

uni-app原生插件本地配置

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

關于uniapp項目結構和uniapp 架構的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。