uni-app原生插件小白通用教程

1. 注意事项:

1、插件必须打包使用才能生效,自定义基座打包后方能运行调试;

2、每次自定义基座打包后,运行自定义基座调试前,需要删除调试机上的旧版本,避免缓存导致的插件功能无法使用;

3、iOS端,App名称如果太长会导致App打开就闪退,官方bug;

4、部分插件需要配置第三方Appkey。如定位、地图等,需要在地图开放平台申请iOS、Android端的Appkey,填写在Manifest或者插件对应位置。请勿把Web端或者小程序端的Appkey用在App内,否则插件功能会出现莫名的异常。

2. 常见问题排查方案:

1、打包后提示找不到插件

方案:参考下方 3. 插件使用教程。

2、购买后,云打包提示“插件为试用版,只能用于发行自定义调试基座。”

方案:推测可能是DCloud购买之后,HBuilderX同步购买信息的时间差导致,或者是HBuilderX的缓存问题影响。可以等待几分钟,然后重新勾选云端插件、重启HBuilderX查看问题是否解决。若还不行,请再次重复以上步骤,并确认购买时填写的Android 包名和iOS BundleId与打包时的信息是否一致。若长时间无法解决,并确认信息正确的情况下,请联系UNI官方人员咨询。

3. 插件使用教程

I. 使用HBuilderX(简称HX)导入示例项目。

II. 试用。

III. 选择要试用的项目(示例项目,或者开发项目),然后确认。

IV. 返回HX,在试用项目-->Manifest.json-->App原生插件配置,选择云端插件并确认。

V. 发行-->App云打包-->打包自定义调试基座。选择Android、iOS单端,或者双端同时打包。

VI. 打包完毕后,运行Android或iOS App基座-->使用自定义基座运行。如果之前已安装了旧版本,一定要删除旧版本后再重新运行(很重要)。

VII. 试用结束后,若觉得合适,可购买插件。购买后,使用流程和试用一样。一经购买,概不退换,请谨慎购买。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app中,可以通过原生插件来实现一些uni-app本身不支持的功能或者性能优化。下面是一个简单的uni-app原生插件的编写示例: 1. 创建一个uni-app项目,并选择需要封装的原生插件。 2. 在项目根目录下创建一个platforms目录,并在该目录下创建一个android和ios目录,用来存放对应平台的原生代码。 3. 在android目录下创建一个Android Studio项目,并将需要封装的原生插件添加到该项目中。 4. 在Android Studio中创建一个类,继承自com.dcloud.bridge.NativeAPI类,示例代码如下: ```java public class MyPlugin extends NativeAPI { public String sayHello(String name) { return "Hello " + name + "!"; } } ``` 5. 在Android Studio中创建一个类,继承自com.dcloud.bridge.Wrapper类,示例代码如下: ```java public class MyPluginWrapper extends Wrapper { public MyPluginWrapper(Context context) { super(context); } @Override public Object onMessage(String id, JSONObject data) { if (TextUtils.equals("sayHello", id)) { String name = data.optString("name"); MyPlugin myPlugin = new MyPlugin(); String result = myPlugin.sayHello(name); JSONObject json = new JSONObject(); try { json.put("result", result); } catch (JSONException e) { e.printStackTrace(); } return json; } return super.onMessage(id, data); } } ``` 6. 在Android Studio中创建一个类,继承自com.dcloud.bridge.Plugin类,示例代码如下: ```java public class MyPluginPackage extends PluginPackage { @Override public Wrapper createWrapper(Context context) { return new MyPluginWrapper(context); } } ``` 7. 在Android Studio中创建一个类,继承自com.dcloud.bridge.PluginManager类,示例代码如下: ```java public class MyPluginManager extends PluginManager { public MyPluginManager(Application application) { super(application); registerPackage("myplugin", new MyPluginPackage()); } } ``` 8. 修改AndroidManifest.xml文件,示例代码如下: ```xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.uniappmyplugin"> <application android:name=".MyApplication" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <service android:name=".MyService" /> <receiver android:name=".MyReceiver" /> <provider android:name=".MyProvider" /> <meta-data android:name="uniplugin" android:value="true" /> <meta-data android:name="uniplugin_name" android:value="myplugin" /> </application> </manifest> ``` 9. 在uni-app项目的manifest.json文件中添加以下代码: ```json "app-plus": { "android": { "useAndroidX": true, "permission": [ { "name": "android.permission.CAMERA", "desc": "摄像头权限", "def": "android.permission.CAMERA", "protectionLevel": "dangerous" } ], "gradleProperties": { "android.useAndroidX": true }, "dependencies": { "libs": [ { "path": "libs/xxx.aar" // xxx.aar为你的插件文件名 } ] } } } ``` 10. 在uni-app项目中调用插件方法,示例代码如下: ```javascript const plugin = uni.requireNativePlugin('myplugin') plugin.sayHello('world').then(res => { console.log(res.result) }).catch(err => { console.log(err) }) ``` 以上就是一个简单的uni-app原生插件的编写示例,具体实现方式可能会因插件需求而异。需要注意的是,uni-app原生插件开发需要具备一定的Android/iOS开发经验,如果你不熟悉原生开发,可以参考uni-app提供的插件市场,寻找已有的插件

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值