eliott/Olares
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Additional changes

Browse Source
This commit is contained in:
Meow33
2025-09-10 19:27:51 +08:00
parent 283c20e73f
commit 39bda16d27
33 changed files with 61 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/developer/develop/tutorial/note/create.md
View File

@@ -4,10 +4,10 @@ outline: [2, 3]
# How to Start Developing an Application
## Install and Launch DevBox
## Install and Launch Studio
1. Install [DevBox](https://market.olares.com/app/devbox) from the Olares Market.
2. Find the DevBox icon in the launcher panel on the Olares Desktop.
1. Install [Studio](https://market.olares.com/app/studio) from the Olares Market.
2. Find the Studio icon in the launcher panel on the Olares Desktop.
3. Click on the icon to launch the application.
![main screen](/images/developer/develop/tutorial/create/home.jpg)
@@ -25,7 +25,7 @@ Click the **Create a new application** to create a blank Olares application from
## Setup App Config
After creating the application, you can see the Olares Application Chart files generated by DevBox under the **Files** Tab. You can add, delete, or rename various configuration files as needed.
After creating the application, you can see the Olares Application Chart files generated by Studio under the **Files** Tab. You can add, delete, or rename various configuration files as needed.
![upload icon](/images/developer/develop/tutorial/create/add-file.jpg)
@@ -115,7 +115,7 @@ volumes:
The `deployment.yaml` in the `templates` folder details the deployment configuration of your application.
If your app includes several containers, such as front-end and back-end, you can add multiple containers in the `deployment.yaml` file in the `templates`. DevBox will recognize these different containers and bind each of them separately to different development containers. For example:
If your app includes several containers, such as front-end and back-end, you can add multiple containers in the `deployment.yaml` file in the `templates`. Studio will recognize these different containers and bind each of them separately to different development containers. For example:
```yaml
containers:
@@ -184,7 +184,7 @@ After configuring the above details, navigate to the **Containers** page to bind
![containers](/images/developer/develop/tutorial/create/bind.jpg)
You can set a specified development environment for the bound **Dev Container**. Currently, DevBox supports `NodeJS`, `Golang`, and `Python` **Dev Container**. Let's bind a `NodeJS` **Dev Container** to the demo frontend container and a `Golang` **Dev Container** to the server container.
You can set a specified development environment for the bound **Dev Container**. Currently, Studio supports `NodeJS`, `Golang`, and `Python` **Dev Container**. Let's bind a `NodeJS` **Dev Container** to the demo frontend container and a `Golang` **Dev Container** to the server container.
We create a new **Dev Container** here. If you have previously created an unbound **Dev Container**, you can also choose an existing container for binding here.

2
docs/developer/develop/tutorial/note/frontend.md
View File

@@ -1,7 +1,7 @@
# Develop Frontend Program
## Preview App
After installing the app, you can preview the frontend of your application using the **Preview** button in **DevBox**.
After installing the app, you can preview the frontend of your application using the **Preview** button in **Studio**.
![preview](/images/developer/develop/tutorial/frontend/preview.jpg)

6
docs/developer/develop/tutorial/note/index.md
View File

@@ -1,6 +1,6 @@
# Create Your First Olares App
You can learn how to develop an Olares app using DevBox through this tutorial.
You can learn how to develop an Olares app using Studio through this tutorial.
The tutorial shows how to make a simple [Note](https://github.com/beclab/olares-app-demo) tool. It demonstrates how to start from scratch and develop a complete Olares App.
@@ -10,7 +10,7 @@ The tutorial includes three parts:
This section provides a step-by-step guide on how to create an Olares App and set up the initial development environment.
2. [Backend Development](./backend.md)<br>
In this section, you'll learn how to use DevBox's IDE to develop the backend programs in `Golang` and provide API interfaces for the frontend.
In this section, you'll learn how to use Studio's IDE to develop the backend programs in `Golang` and provide API interfaces for the frontend.
3. [Frontend Development](./frontend.md)<br>
In this section, you'll learn how to use DevBox's IDE to develop frontend pages, using `NodeJS` as an example.
In this section, you'll learn how to use Studio's IDE to develop frontend pages, using `NodeJS` as an example.

14
docs/developer/develop/tutorial/studio.md
View File

@@ -1,13 +1,13 @@
# Learn about DevBox
# Learn about Studio
At Olares, we provide a development tool called DevBox. It helps developers create applications for **Olares**.
At Olares, we provide a development tool called Studio. It helps developers create applications for **Olares**.
- Why is DevBox necessary for developers?
- Why is Studio necessary for developers?
Olares has many cloud-based features that are difficult to simulate in a standalone development environment. Furthermore, the unique sandbox system of **Olares** requires a real system environment for end-to-end testing. To simplify app simulation for developers and minimize system integration efforts during development, we provide the **DevBox**. **DevBox** is a quick, automatic toolset for creating app sandboxes.
Olares has many cloud-based features that are difficult to simulate in a standalone development environment. Furthermore, the unique sandbox system of **Olares** requires a real system environment for end-to-end testing. To simplify app simulation for developers and minimize system integration efforts during development, we provide the **Studio**. **Studio** is a quick, automatic toolset for creating app sandboxes.
- What features does DevBox have?
- What features does Studio have?
- In DevBox, you can build an app and generate a corresponding Olares Application Configuration* This deployment files can be modified, allowing you to port an existing app and deploy it to the Olares. During the modification process, you can continually attempt installation and resolve any issues that arise. Once the app passes your tests, you can download your Application Chart and submit it to the [Olares Market Repository](https://github.com/beclab/apps).
- In Studio, you can build an app and generate a corresponding Olares Application Configuration* This deployment files can be modified, allowing you to port an existing app and deploy it to the Olares. During the modification process, you can continually attempt installation and resolve any issues that arise. Once the app passes your tests, you can download your Application Chart and submit it to the [Olares Market Repository](https://github.com/beclab/apps).
- In addition to porting existing apps, you can also create a native Olares application in DevBox. DevBox provides an online development container where coders can work in a real environment, utilize other system interfaces, database clusters, and more.
- In addition to porting existing apps, you can also create a native Olares application in Studio. Studio provides an online development container where coders can work in a real environment, utilize other system interfaces, database clusters, and more.