uni-app插件市场完善度太差 基本不能用于生产

发布于 1周前 作者 vueper 来自 Uni-App

uni-app插件市场完善度太差 基本不能用于生产

Harmonyos Next教程
16 回复

免费的可以，付费的涉及盗版问题，不能离线打包
这个问题其实是经济问题，插件作者挣的钱多，就会更多的优化插件。有的时候某些插件看着便宜，但可能坑比更贵的插件多。
正常情况，插件作者应该保持向下兼容。后续官方会提供更多插件版本选择。


插件市场可不可以加一个 收藏插件的功能呀

回复 Jonytools: 正在做，很快会上线

希望增加一个打包时插件版本选择，还有依赖库选择，有的Google play版本只是依赖库换一下，但是其他都不变的～

包名设置错了能改吗

回复 Jonytools: 以上线收藏功能

其他的还好说,插件不向下兼容简直是魔鬼吧

像我这种同时会ios和安卓的，是不是就不用担心了？ 大不了自己来写插件哈。

有的插件作者真的是，联系都联系不上。希望数字天堂真的是天堂没有任何地方变成地狱

付费插件，可以找DCloud投诉，我们至少可以扣着他的收益，逼他处理售后问题

回复 DCloud_heavensoft: 好的，知道了

用市场的还是图便宜,所以还是定制开发比较省心

666，最完美的还是自己会开发

加力果

除了官方已有的组件，插件我是能不用就不用，除非自己写不了，要不就看看那插件功能是怎么写的，自己动手仿着写一个，项目用别人的插件终究不是个解决的办法。

确实，uni-app作为一个跨平台的开发框架，其插件市场的完善度可能会在某些方面影响到实际生产环境的使用。不过，通过一些技术手段和自定义开发，我们仍然可以弥补这一不足，实现所需的功能。以下是一些代码案例，展示如何在uni-app项目中集成和使用一些常见的第三方服务或功能，以增强应用的实用性。

1. 集成第三方地图服务（如高德地图）

首先，你需要在高德地图开放平台申请一个API Key，然后在uni-app项目中配置和使用：

// 在manifest.json中配置高德地图的API Key
"mp-weixin": {
    "appid": "your-appid",
    "setting": {
        "urlCheck": false
    },
    "usingComponents": true,
    "permission": {
        "scope.userLocation": {
            "desc": "你的位置信息将用于小程序地图功能"
        }
    },
    "plugins": {
        "amap-wx": {
            "version": "1.4.15",
            "provider": "wxa9a7a1408e5b1169"
        }
    },
    "condition": {}
}

// 在页面中使用高德地图组件
<template>
    <view>
        <map id="map" style="width: 100%; height: 300px;" :longitude="longitude" :latitude="latitude" :scale="scale"></map>
    </view>
</template>

<script>
export default {
    data() {
        return {
            longitude: 116.397428,
            latitude: 39.90923,
            scale: 15
        };
    }
}
</script>

注意：这里以微信小程序为例，其他平台配置可能有所不同。

2. 集成支付功能（如微信支付）

对于支付功能，你需要在微信开放平台申请支付权限，并获取相关的商户号和API密钥。然后，在uni-app项目中通过调用微信支付SDK实现支付功能。由于支付涉及到敏感信息和安全性，这里不展示完整代码，但你可以参考uni-app官方文档和微信支付开发文档进行集成。

3. 自定义封装网络请求

为了增强应用的网络请求能力，你可以自定义封装一个网络请求库，支持请求拦截、响应拦截、错误处理等功能：

// network.js
import axios from 'axios';

const instance = axios.create({
    baseURL: 'https://api.example.com',
    timeout: 10000
});

// 请求拦截器
instance.interceptors.request.use(config => {
    // 在发送请求之前做些什么
    return config;
}, error => {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 响应拦截器
instance.interceptors.response.use(response => {
    // 对响应数据做点什么
    return response.data;
}, error => {
    // 对响应错误做点什么
    return Promise.reject(error);
});

export default instance;

在页面中导入并使用这个封装好的网络请求库：

import axios from '@/utils/network.js';

axios.get('/path/to/resource')
    .then(response => {
        console.log(response);
    })
    .catch(error => {
        console.error(error);
    });

通过上述方式，你可以在uni-app项目中集成和使用各种第三方服务和功能，以增强应用的实用性和用户体验。

回到顶部