uni-app #插件讨论# 替换为空格后：uni-app uni-id-pages DCloud前端团队 uni-starter 与 uni-admin 整合

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

uni-app #插件讨论# 替换为空格后：uni-app uni-id-pages DCloud前端团队 uni-starter 与 uni-admin 整合

开发环境 版本号 项目创建方式

uni-starter 与 uni-admin 都是很好使用的框架，但是对于新手学习unicloud的时候，感觉整合这两个框架有些麻烦，尤其是使用了同一个表的时候，在整合的时候，不太好处理，请问官方能整合下这两个框架吗？方便新手开箱即用，更快的上手云开发


Harmonyos Next教程
4 回复

请详细描述你要咨询的问题，另外关于uni-starter和uni-admin的整合可以参考视频教程，链接：https://www.bilibili.com/video/BV17p4y1a71x?p=14


这个视频解决不了问题 ，主要是现在admin移到关联项目下之后opendb就会有冲突的schema命名

超多表冲突

在讨论将 uni-app、uni-id-pages、DCloud前端团队开发的uni-starter与uni-admin进行整合时，我们通常会关注如何通过这些工具和插件快速搭建一个功能完备、前后端分离的应用。以下是一个简化的代码案例，展示如何在uni-app项目中整合uni-id-pages以及如何使用uni-starter和uni-admin作为后端支持。

前端：uni-app + uni-id-pages

首先，确保你的uni-app项目已经创建。接着，安装uni-id-pages插件，它提供了用户认证相关的页面和逻辑。

  1. 安装uni-id-pages

    在uni-app项目的根目录下运行：

    npm install [@dcloudio](/user/dcloudio)/uni-id-pages --save

  2. 引入并使用uni-id-pages

    在pages.json中配置uni-id-pages提供的页面路径，例如：

    {
  "pages": [
    {
      "path": "pages/uni-id/login/login",
      "style": {
        "navigationBarTitleText": "登录"
      }
    },
    // 其他页面配置...
  ]
}

    在main.js中引入uni-id-pages的初始化代码（具体代码参考uni-id-pages文档）。

后端：uni-starter + uni-admin

uni-starter和uni-admin分别提供了快速启动的后端服务和后台管理界面。

  1. 部署uni-starter

    下载uni-starter项目并配置数据库连接等信息，然后运行：

    npm install
npm run dev

    这将启动一个Express服务器，提供API接口。

  2. 部署uni-admin

    类似地，下载uni-admin项目，配置数据库连接，并运行：

    npm install
npm run dev

    uni-admin通常是一个基于Vue或React的前端项目，它连接到uni-starter提供的API，用于后台管理。

整合

确保前端uni-app项目中的API请求指向正确部署的uni-starter后端地址。例如，在登录页面发送请求时：

uni.request({
  url: 'http://your-uni-starter-server.com/api/user/login',
  method: 'POST',
  data: {
    username: 'test',
    password: '123456'
  },
  success: (res) => {
    // 处理登录响应
  }
});

通过上述步骤，你就实现了uni-app前端项目与uni-id-pages插件的整合，以及后端uni-starter和uni-admin的部署与连接。这为你提供了一个快速开发、部署和维护的全栈解决方案。

回到顶部