uniapp原生插件开发(iOS)

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

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

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

打开 iOSSDK/HBuilder-uniPluginDemo工程目录，双击目录中的HBuilder-uniPluginxcodeproj 文件运行插件开发主工程

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

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

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

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

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

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

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

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

新建TestModule类，继承 DCUniModule，引入 DCUniModuleh 头文件。

然后在 TestModulem 文件中添加实现方法

选中工程中的HBuilder-uniPlugin-Infoplist文件右键->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

新建一个 packagejson 文件，根据插件实际情况填写插件配置信息

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

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

uni-app原生插件本地配置

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

1、安装并打开HBuilderX软件。

2、点击菜单栏文件－>新建－>html文件。

3、点击浏览为创建的html文件设置本地存储位置，点击从模板新建后，d出的菜单中选择含mui的html。

4、在下图所示的代码编辑区域，编辑代码如下所示。

5、步骤4后，点击左上角的保存按钮，保存文件。

6、点击菜单栏运行－>运行到浏览器－>Chrome可以选择自己安装的浏览器。

7、运行结果如图所示。

将HBuilder开发的APP运行在华为手机上时，

控制台显示 open '/dev/hwlog_switch' fail -1, 13 Permission denied

 log switch off, only log_main and log_events will have logs!

产生这个现象的原因是因为华为手机默认是关闭log的。所以有些时候在华为手机上运行app的时候是无法显示日志的。

如何解决这个问题呢

在华为手机的拨号界面输入##2846579##

进入如下图所示界面：

选择后台设置

再选择log设置

将AP日志勾选。完成上述步骤之后，清理手机调试信息，重新链接手机到电脑，设置手机允许调试，此时就可以使用adb命令查看手机日志信息

进入cmd命令，

adb shell

logcat | grep START

监控app日志，手动在手机上 *** 作打开浏览器，抓取包名。

抓到包名后可以通过 adb shell命令 *** 作打开浏览关闭浏览器

启动app命令：adb shell am start -W -n package/activity

停止app命令：adb shell am force-stop package或者直接home键：adb shell input keyevent 3

一、打开HBuilder开发工具。

1）在工具的右上角可以更改开发视图模式选择“边改边看模式”。

2）HBuilder将会展开一个自带的Web浏览器，可以点击一个齿轮按钮旁的倒三角展开列表。

3）选择列表最下面“设置web服务器”。

二、在“设置web服务器界面”中。

1）依次展开左边栏的列表“HBuilder”——>“Web服务器”——>选择“外置Web服务器”。

2）然后在右边栏点击“新建”编辑Web服务器配置。

3）编辑Web服务器配置界面，“名称”可以随意改，关键是“浏览器运行URL”应该填写你的本机ip地址。

三、查看本机的ip地址并填写到“浏览器运行URL”

1）Windows打开控制面板的“网络和共享中心”去查看本机ip地址。

2）填写到Web服务器配置中的“浏览器运行URL”，特别提醒注意填写的ip地址后加上HBuilder使用的端口号8020。

3）然后点击确定，配置好一个web服务器。

4）选择使用刚刚新建的myWeb外部服务器。

四、扫码测试。

1）使用HBuilder打开项目的HTML文件。

2）点击“Web服务器”中有个二维码的按钮，展开大图的二维码，可以直接使用真实机来扫码测试。

3）注意扫码测试，你的真实机和电脑需要在同一个局域网下。

可以到百度搜索hbuilder的官网，在成功进入到官网之后，找到相应的软件下载位置，对该编辑器进行点击下载，在对其下载完成之后，就可以开始使用它了

该编辑器的使用十分的简单，不需要用户对其进行相应的繁琐安装 *** 作，只需要直接对其进行解压就能够得到一个同名的文件夹了。hbuilder编辑器下载安装方法在进行的同时，需要用户将该同名的文件夹进行打开，并且将hbuilder的启动文件找到，并且以右键选择的方式将其发送到桌面快捷方式，这样就能够更好的方便之后快速的对其进行启动了。接下来需要用户对桌面上的hbuilder快捷方式进行点击，将hbuilder进行打开，并登陆到邮箱当中，此时，hbuilder的工作台当中就可以进行一些基础的设置了。

HBuilder编辑器是一款轻如编辑器、强如IDE的合体版本，优点：1、轻巧,10M的绿色发行包2、极速不管是启动速度、大文档打开速度、编码提示，都极速响应。

以上就是关于uniapp原生插件开发(iOS)全部的内容，包括:uniapp原生插件开发(iOS)、HBuilderX如何创建html文件启动运行教程、open '/dev/hwlog_switch' fail -1, 13. Permission denied等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！