首页 > 其他分享 >【2023最新】超详细图文保姆级教程:App开发新手入门(2)

【2023最新】超详细图文保姆级教程:App开发新手入门(2)

时间:2023-05-26 14:37:56浏览次数:36  
标签:git 项目 App 平台 新手入门 导入 2023 上传 代码

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_git


上章节我们已经成功的创建了一个 App 项目,接下来我们讲述一下,如何导入项目、编辑代码和提交项目代码。

 Let’s Go!

 4. 项目导入 

当用户创建一个新的应用时,YonStudio 开发工具会自动导入模板项目的默认代码,不需要手动进行代码导入。那么当我们不是创建应用,而是需要导入一个已经存在的旧的应用项目时,可以按以下教程内容进行操作执行。

 启动 YonStudio 开发工具,点击顶部菜单的「项目」-> 「导入项目」

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_开发工具_02

在弹出菜单上我们看到有2个选项,即「本地导入」和「云端检出」,如果用户是第一次导入项目,本地并不存在项目代码,或者想重写生成一个项目代码副本,可以选择云端检出;如果本地已存在项目,则选择本地导入即可。

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_git_03

  • 本地导入:在弹出的对话框中先选中预导入项目所在文件夹,再点击底部的「打开」按钮即可完成项目的本地导入。 
  • 云端检出:在弹出的项目列表中,选择自己准备导入的项目名称->选择准备存储项目代码的本地文件夹->点击底部的「Select Repository Location」按钮即可完成项目的代码导入。

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_开发工具_04

PS:以上两种导入方式,开发者根据自己的实际情况选择一种即可,如果选择「云端检出」方式,则需要当前开发工具处于为已登录状态

5. 代码管理 

YonBuilder移动开发 虽然提供了云端检出的方式,不过这个并不是用来进行代码同步的,在新版的 YonBuilder移动开发 平台的产品定义上,平台是不负责维护开发者的项目代码的,需要开发者自行维护,比如自行创建 git 仓库进行代码同步和团队协作,因为 YonStudio 是基于 VSCode 内核的,所以具体项目的 git 操作与使用 VSCode 进行 git 操作一致。 

 下面以Gitee(码云)为例,简单示范一下具体的操作流程。 

 5.1 创建远程git仓库 

5.1.1 登录Gitee的个人主页,点击右上角「新建仓库」准备创建git仓库(没有账号的先自行注册) 

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_git_05

5.1.2 填写仓库项目信息后,点击底部的「创建」按钮,完成远程仓库的创建

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_上传_06

5.2 clone远程git仓库到本地后,进行以下修改操作 

  • 移动 目录4 生成的 YonBuilder移动开发 项目文件夹到当前的 git 根目录 
  • 重命名 YonBuilder移动开发 项目文件夹 为 widget 
  • 编辑 .gitignore ,增加新的忽略文件 .yonstudio

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_开发工具_07

最终修改完的目录结构如下:

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_开发工具_08

PS: 在YonStudio进行代码开发时,会自动在当前项目的根路径生成一个.yonstudio 隐藏缓存文件,记得将此文件添加进 .gitignore, 避免提交git代码时,提交次隐藏文件。

5.3 重新使用YonStudio开发工具导入项目代码 

打开YonStudio - 项目 - 导入项目 - 本地导入 - 选择 上面重命名的 widget 项目文件夹

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_git_09

导入以后,就可以使用YonStudio开发工具自带的Git进行代码维护或者自行选用第三方的git工具进行代码维护。

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_git_10

PS:个人推荐安装 GitLens 插件进行 git 操作,比系统自带的更好用(非必须)

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_上传_11

5.4 提交代码到YonBuilder移动开发平台 

当我们需要编译生成应用安装包时,需要通过云平台的移动打包功能进行项目的编译打包。 因为编译过程是在云平台进行的,所以需要我们提前将我们的最终代码同步到YonBuilder移动开发平台。 

 代码上传页有2种上传方式,分别是 代码包 方式 和 Git平台 方式。为了方便讲解,我们需要先访问 YonBuilder移动开发平台的代码上传页面。

 5.4.1 登录账号并进入代码提交页面 

页面访问路径: 

  • 登录用友开发者中心网站:developer.yonyou.com,并登录 
  • 点击左上角「大风车」图标,选择 云平台-低代码开发平台-移动APP开发

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_上传_12

  • 选择对应应用项目卡片,点击进入

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_上传_13

  • 切换到代码上传面板,准备代码上传

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_git_14

PS: 代码上传页面的第三个选项 在线网址,是平台提供的一个可以将在线网站打包成套壳App的功能,即输入一个在线的网站URL地址,然后在移动打包页面进行编译,就可以生成一个套壳这个网站的App安装包文件。 这里因为和 代码包 、 Git平台 并列,所以会容易错误理解为是提供一个可以下载项目代码zip压缩包的在线URL地址,特别强调这个理解是错误的,在这里特别说明一下。 

 5.4.2 「代码包」 方式上传代码 

代码包 方式的原理就是将本地的代码压缩成一个zip压缩包,然后在云端平台的 代码上传 页面以上传zip压缩包的方式,将代码同步更新到云端服务器。

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_上传_15

注意:

PS: YonStudio开发工具提供了一个的快捷方式,点击后会将本地文件一键打包上传。

右键项目文件夹-代码管理-上传代码包

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_上传_16

上传完成后,可访问云端的代码上传页面查看提交记录

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_开发工具_17

5.4.3 「Git平台」 方式上传代码

Git平台 方式的原理是在,每次进行移动打包编译时,让云端服务器自动拉取git仓库的最新代码进行代码同步,然后在进行安装包的编译。这就需要开发者在移动打包之前,需要先将git仓库的配置信息通过本Git平台 方式,提交给服务端。

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_上传_18

PS: 目前平台仅支持以下5个公共GIt平台

  • gitee.com
  • codeup.aliyun.com
  • coding.net
  • jihulab.com
  • git.code.tencent.com

【2023最新】超详细图文保姆级教程:App开发新手入门(2)_git_19

标签:git,项目,App,平台,新手入门,导入,2023,上传,代码
From: https://blog.51cto.com/u_9338896/6355308

相关文章

  • 【2023最新】超详细图文保姆级教程:App开发新手入门(3)
    上文回顾,我们已经完成了一个应用项目创建、导入、代码更新、代码同步和代码提交,本章继续我们的新手开发之旅,讲述一下如何将开发完成的应用进行编译,生成可供他人安装、可上架的应用安装包。6应用打包 应用打包,简单来说就是将编写的代码,通过工具的打包编译机制,打包编译生成对应的手......
  • 【2023最新】超详细图文保姆级教程:App开发新手入门(4)
    之前章节我们已经完成了一个应用项目的导入、代码更新和代码提交和应用打包编译,本章继续讲述一下,如何在开发过程中进行代码的同步联机调试。7代码真机调试7.1纯静态CSS页面样式查看代码调试有多种方式,如果是查看纯粹的静态样式,可以使用浏览器打开对应页面(html或stml文件),或者直接......
  • 【2023最新】超详细图文保姆级教程:App开发新手入门(5)
    上文回顾,我们已经完成了一个应用的真机调试,本章我们来了解一下如何引入YonBuilder移动开发的(原生)移动插件,并利用移动插件完成一个简单的视频播放器。8.「移动插件」的使用 8.1什么是「移动插件」? 用通俗的话来解释,YonBuilder移动开发内的「移动插件」,是指使用原生语言(androi......
  • QT编程: 编写低功耗BLE蓝牙调试助手(Android系统APP)
    由于工作需要,需要利用QT平台完成手机与ble蓝牙的通讯,所以就找了各种资料,算是初步的能够连接完成demo代码,但是依旧有些代码没有理解,比如特性那一片的代码,稍后还得研究啊(对了,这是低功耗蓝牙,不是经典蓝牙,看清楚了,当初不清楚经典蓝牙和低功耗蓝牙,浪费我一个星期,说多了都是泪,下面是代码......
  • THUPC2023游记
    2023.2THUPC报名!和unputdownable,猫猬兽组队,队名XJ五队。devin让我们填毕业年份2028。收货地址填了重庆市第114514中学冯阳阳纪念谷学校。upd性别填其他被拒了。2023.3.4THUPC2023初赛测试赛!\(3\)月\(4\)日\(13\)点联络群消息:##OJ网址thupc2023.thusa......
  • .env.development(开发环境)、.env.prodction(正式环境)、自定义环境 例如:读取vue项目根
    .env.development(开发环境)、.env.prodction(正式环境)、自定义环境原文链接:https://blog.csdn.net/qq_42855675/article/details/114261585文章目录1.配置文件:2.命名规则3.关于文件的加载使用自定义环境1.配置文件:      .env.development:开发环境下的配置文件 ......
  • C++外卖点餐系统[2023-05-26]
    C++外卖点餐系统[2023-05-26]选题九:外卖点餐系统7.基本要求:[1]编写一个外卖点餐系统,实现对客户、店铺、订单及配送人员等信息的管理。[2]客户信息包括:客户姓名、联系方式、地址等;店铺信息包括:其菜品和价格评分等;配送人员信息包括:姓名,联系方式、评分等:订单信息包括:编......
  • 2023/5/26
    函数模板实现两个数之间的距离重点:复数类#include<iostream>#include<bits/stdc++.h>usingnamespacestd;template<classT>doubledist(Ta,Tb){returna-b;}classComplex{private:doublereal,imag;public:Complex......
  • FLEX AIR实践—删除ApplicationDirectory目录下文件
    AIR的文件目录类型有以下几种:File.userDirectory                                //指向用户文件夹File.documentsDirectory                      //指向用户文档文件夹File.desktopDirectory           ......
  • 2023CVPR_Learning a Simple Low-light Image Enhancer from Paired Low-light Instan
    一.motivation以前的大多数LIE算法使用单个输入图像和几个手工制作的先验来调整照明。然而,由于单幅图像信息有限,手工先验的适应性较差,这些解决方案往往无法揭示图像细节。二.contribution1.提出一个成对低光图像输入(相同内容,不同的曝光度)2.在输入之前进行了一个去噪操作,再......