当前位置:首页 > 软件开放 > 正文内容

uniapp项目结构(uniapp 架构)

软件开放2年前 (2023-01-12)1231

今天给各位分享uniapp项目结构的知识,其中也会对uniapp 架构进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

如何建立uniapp websocket服务端,要怎么实现?

其实现在有很多开源的websocket服务端组件,你自己多百度一下就可以找到。

使用这些开源的websocket服务端组件不好的地方是,很多功能都需要自己去做各种优化,要做的工作非常多。如果项目时间充裕可以考虑这种方式来实现。

如果项目时间紧,对websocket服务性能要求高,那可以考虑第三方的websocket推送服务。

我们前段时间在uniapp插件市场找到一款性能优异的websocket推送框架,对uniapp支持不错,算是uniapp生态体系里面非常优秀的一款框架了,推荐你去试试。框架地址:网页链接

基于 UniAPP 项目多端开发

pages.json

在/config/request.js中,写入如下内容:

引用配置

我们可以在main.js中引用/config/request.js,注意引用的位置,需要在new Vue得到Vue实例之后,如下:

Api集中管理

发送请求

详见:

uViewHttp请求

小程序打包发布

微信相关api要特有处理

uniapp原生插件开发(iOS)

打开 Xcode,创建一个新的Framework工程,然后点击 Next

输入插件工程名称(建议使用一个性化的前缀,避免与其他人的插件包名冲突),其他项不需要修改保持工程默认填充的即可,然后点击Next

然后选中工程名,在TARGETS-Build Settings中,将 Mach-O Type 设置为 Static Library 如下图所示

打开 iOSSDK/HBuilder-uniPluginDemo工程目录,双击目录中的HBuilder-uniPlugin.xcodeproj 文件运行插件开发主工程

在 Xcode 项目左侧目录选中主工程名,然后点击右键选择Add Files to “HBuilder-uniPlugin” ...

然后选择您刚刚创建的插件工程路径中,选中插件工程文件,勾选 Create folder references 和 Add to targets 两项,然后点击Add

然后在 Xcode 项目左侧目录选中主工程名,在TARGETS-Build Phases-Dependencies中点击+

在弹窗中选中插件工程,如图所示,然后点击Add,将插件工程添加到Dependencies中

此时可以看到 Dependencies 和 Link Binary With Libraries 都添加了插件工程,如下图所示

扩展原生功能有两种方式:

module:不需要参与页面布局,只需要通过 API 调用原生功能,比如:获取当前定位信息、数据请求等功能,通过扩展module的方式来实现;

component:需要参与页面布局,比如:map、image等需要显示UI的功能,通过扩展component即组件的方法来实现;

新建TestModule类,继承 DCUniModule,引入 DCUniModule.h 头文件。

然后在 TestModule.m 文件中添加实现方法

选中工程中的HBuilder-uniPlugin-Info.plist文件右键-Open As-Source Code找到dcloud_uniplugins节点,copy下面的内容添加到dcloud_uniplugins节点下,按插件的实际信息填写对应的项

在 uni-app 项目中调用 module 方法

生成 uni-app 本地打包资源

首先需要生成本地打包资源,在 HBuilderX 中选您的 uni-app 工程,右键-发现-原生App-本地打→生成本地打包App资源

项目编译完成后会在 HBuilderX 控制台输出资源存路径,点击路径会自动打开资源所在文件夹

接下来,将应用资源导入到插件开发主工程的 HBuilder-Hello/Pandora/apps/ 中,如下图所示,直接拖进去即可

如下图所示,将编译工程选择为插件项目(DCTestUniPlugin),运行设备选择 Generic iOS Device

新建一个 package.json 文件,根据插件实际情况填写插件配置信息

然后以插件id为名新建一个文件夹,将编辑好的 package.json 放进去,然后在文件夹中在新建一个 ios (小写)文件夹,将刚刚生成的依赖库(DCTestUniPlugin.framework)copy 到 ios 根目录,这样我们的插件包就构建完成了,如下图所示

HBuilderX 的 uni-app 项目创建中“nativeplugins”目录(如不存在则创建)将插件配置到uni-app项目下的“nativeplugins”目录

uni-app原生插件本地配置

将原生插件配置到uni-app项目的“nativeplugins”下,还需要在manifest.json文件的“App原生插件配置”项下点击“选择本地插件”,在列表中选择需要打包生效的插件:

关于uniapp项目结构和uniapp 架构的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://jiabaodisplay.com/post/3533.html

分享给朋友:

“uniapp项目结构(uniapp 架构)” 的相关文章

java怎么看输出结果快捷键(Java快捷输出)

java怎么看输出结果快捷键(Java快捷输出)

今天给各位分享java怎么看输出结果快捷键的知识,其中也会对Java快捷输出进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、JAVA中设置快捷键 2、Java中所有调试的快捷键有哪些啊? 3、怎么使用java代码实现快捷键 JAVA中设置快捷键 p...

婚礼官网免费源码(婚礼网站模板)

婚礼官网免费源码(婚礼网站模板)

今天给各位分享婚礼官网免费源码的知识,其中也会对婚礼网站模板进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、2022年国内景区婚礼怎么报名 2、如何查询一个企业的官网页面源代码?如何设置关键字的优化,线上 3、爱克丝文婚礼公司还在吗 4、婚礼的电...

去水印小程序源码springboot(去水印小程序源码个人)

去水印小程序源码springboot(去水印小程序源码个人)

本篇文章给大家谈谈去水印小程序源码springboot,以及去水印小程序源码个人对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、从零开始学SpringBoot之SpringBoot WebSocket原理篇 2、Springboot初始化流程解析 3、[Sprin...

个人简历网页设计思路(个人简历页面设计)

个人简历网页设计思路(个人简历页面设计)

今天给各位分享个人简历网页设计思路的知识,其中也会对个人简历页面设计进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、Html网页简历如何制作 2、网上求职简历制作技巧 3、求DreamWeaver网页的形式制作一份个人简历 4、如何制作比较炫酷的...

DNF源码论坛(dnf 源码)

DNF源码论坛(dnf 源码)

本篇文章给大家谈谈DNF源码论坛,以及dnf 源码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、易语言dnf大爆炸源码 2、哪里有DNF的论坛呀,想进去看下心得 3、dnf台服源码为什么泄漏 4、DNF注入器源码 5、dnf源码是怎么得来的? 求高手解答...

个人工作室官网源码(个人工作室网站)

个人工作室官网源码(个人工作室网站)

今天给各位分享个人工作室官网源码的知识,其中也会对个人工作室网站进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、云枫工作室企业网站源码(asp无限制版)3.0 首页怎样调用推荐产品缩略图 怎样调用所有产品图片,怎样调用新 2、求一个比较好的PHP个人博客...