Huawei Cloud Yaoyun Server L instance evaluation | Deployment of the online chart and flowchart drawing tool drawio
1. Introduction to Yunyao Cloud Server L Instance
1.1 Introduction to cloud server
Cloud servers (Cloud Servers) play an important role in modern computing and business environments. Cloud servers provide organizations with a variety of benefits such as flexibility, cost-effectiveness, global availability, and elasticity, so they have become the core of modern applications and businesses. One of the infrastructure. However, choosing the right cloud service provider and appropriate cloud architecture are critical to achieving optimal performance and cost-effectiveness. Huawei Cloud has newly launched a new product of Huawei Cloud server instances. Huawei Cloud servers have the four advantages of being intelligent and non-stuck, affordable and easy to use, easier to get started, and worry-free management, thus helping you quickly get to the cloud!
From the end of August to mid-October, if you participate in the evaluation activity of Huawei Cloud Server, you can get a coupon of 54.99 yuan. You can purchase the Huawei Cloud Yaoyun Server L instance and lightweight server for only 0.03yuan per month.
There is also a limited-time flash sale area , 华为云云耀云服务器L实例with daily limited sales, and the discount is limited to 1 order, while stocks last!
1.2 Advantages and application scenarios
Product advantages
智能不卡顿: Supported by Huawei Cloud Qingtian architecture, software and hardware collaboration combined with AI algorithm intelligent scheduling provide you with high-quality performance.价优随心用: Multiple instance specifications to balance performance and cost.上手更简单: A variety of high-quality images are carefully selected and rigorously tested by Huawei Cloud officials. They cover seven major scenarios, preset templates, rapid construction, safe and trustworthy.管理更省心: Visual management of topology, resources, and mirrors, and transparent management of business architecture.
Application Scenarios
Yunyao Cloud Server L instances are suitable for supporting lightweight, low-load and moderately visited application scenarios such as small websites, web applications, blogs, forums, and cloud development environments. Such as 电商店铺管理, 建站, 小程序后台, 小游戏, 开发测试, 云端学习, 搭建博客/论坛etc.
1.3 Support mirroring
| Mirror | Introduction |
|---|---|
| system image | Only the initial is included 操作系统, not any 应用数据sum 环境配置. After using a system image to create a cloud server, the server will have a pure operating system environment. You can install applications by yourself based on the business needs of the instance. |
| Application image | Contains applications and related 初始化数据、应用所需的运行环境及操作系统. After you create a cloud server using an application image, you can directly use the preset application or customize the application configuration according to actual business needs. Reduces the steps of application uploading and installation. |
- System image information provided by Yunyao Cloud Server L instance
| Image name | illustrate |
|---|---|
| Huawei Cloud EulerOS | Huawei Cloud EulerOS (HCE OS for short) is a Linux operating system built on Huawei's open source community openEuler. It provides a cloud-native, high-performance, secure and stable execution environment to develop and run applications, helping enterprise customers quickly migrate to the cloud and developers innovate. . |
| CentOS | CentOS is a popular open source Linux distribution that is recompiled from the RHEL (Red Hat Enterprise Linux) source code. |
| Ubuntu | Ubuntu is one of the most popular Linux distributions. It is an open source free software based on the Debian Linux operating system. Its ease of use and stability are excellent, and it has very powerful and mature community resources. |
| Windows Server | Windows Server is a series of operating systems created by Microsoft specifically for servers. |
- Application image information provided by Yunyao Cloud Server L instance
| Image name | illustrate |
|---|---|
Enterprise website building systemWordpress |
Wordpress was originally a blog system, and then gradually evolved into a free CMS (content management system/website building system). It is now a global website building platform. This system is famous for its ease of use, easy scalability (plug-ins, templates, secondary development), powerful functions, beautiful appearance, search engine friendliness, etc. |
LinuxVisualization宝塔面板 |
Pagoda Panel is a popular PHP integrated environment management and server operation and maintenance management tool. Supports web-side management, one-click creation of websites, FTP, databases, and SSL; security management, scheduled tasks, file management, and PHP multi-version coexistence and switching. |
Enterprise integrated ERP systemOdoo |
Odoo is an open source ERP/CRM software for global users. It is developed using Python+PostgreSQL and has more than 730 partners and 2 million users. It has a powerful and flexible system architecture, and its product iteration speed is also very fast. The difference between its versions lies in the updates of the user interface and functional modules. Users can modify, upgrade, and add new functions in a modular manner without modifying the core code. Commonly used modules include: procurement management, sales management, inventory management, financial management, goods management, marketing management, customer relationship management, production management, and personnel. Management, service support, e-commerce, website building, etc. Suitable for manufacturing, retail chains, services, e-commerce, foreign trade and other industries. |
e-commerce systemPrestaShop |
PrestaShop is a full-featured, cross-platform, free and open source e-commerce solution developed using PHP+MySQL. More than 40,000 online stores around the world have adopted Prestashop for deployment. Prestashop is based on Smarty engine programming design. It has a modular design and strong scalability. It can easily implement browsing transactions in multiple languages and currencies, and supports Paypal and other payment methods. It is a good choice for building foreign trade websites. |
Data exploration and visualization platformSuperset |
Apache Superset is an open source data analysis and visualization platform (formerly known as Panoramix and Caravel). This tool is very distinctive in terms of visualization, ease of use and interactivity. Users can easily perform visual analysis of data. Superset is also an enterprise-grade business intelligence web application. |
Docker visual running environmentPortainer |
Portainer is a graphical management tool for Docker, written in GO language. It provides status display, rapid deployment of application templates, basic operations for Docker (containers, mirrors, networks, database logical volumes), log display, container console and other functions. |
Enterprise cloud disk systemNextcloud |
Nextcloud is an open source cloud storage software for building your own private network disk. It is developed using PHP+MySQL. It provides multiple synchronization clients to support access from multiple devices. Users can easily synchronize with the data stored on the server. and share data. Other sync sources are also supported: Dropbox, FTP, OpenStack Object Storage, SMB, WebDAV, SFTP. |
One-stop DevOpsplatformGitLab |
GitLab was originally an open source source code warehouse management project designed to help teams collaborate on software development. By delivering new features at industry-leading speed, GitLab now offers a complete DevOps approach to the software development and operations lifecycle. GitLab features include: everything you need to project manage, plan, create, validate, package, publish, configure, monitor, and secure your application. |
Network statistical analysis platformMatomo |
Matomo is a powerful open source web analytics platform that takes full data ownership and ensures business compliance with GDPR and CCPA. Especially for business software, Matomo's enhanced search engine optimization and conversion optimization capabilities will greatly enhance your capabilities in the field of digital marketing. |
Live video serverSRS |
SRS is a simple and efficient real-time video server that supports multiple real-time streaming protocols such as RTMP, WebRTC, HLS, HTTP-FLV, and SRT. Based on coroutine technology, there is no problem that asynchronous callbacks are difficult to maintain. Supports cloud native standards (Docker images, K8s deployment, observability logs and monitoring indicators, etc.) and provides cloud SRS threshold-free applications. SRS focuses on real-time streaming media gateways to achieve access, mutual conversion and continuous iteration of real-time streaming media protocols, such as RTMP, HLS, WebRTC, HTTP-FLV and SRT, etc. |
2. Yunyao Cloud Server L instance configuration
2.1 Reset password
After the purchase is completed, a text message will be sent through your cloud server information, focusing on the public IP address and user name. First we need to open your server console, complete the password
reset, check Automatically restart, and click OK.
2.2 Server connection
-
Method 1 : Log in using the VNC method provided by the console
-
Method 2 : Use Putty, Xshell and other tools to log in to the Linux elastic cloud server.
a) Download and install the login tool, such as Putty.
b) Enter the elastic public IP.
c) Enter the username: root, password, and click "OK". -
Method three : Use the Linux/Mac OS system host to log in to the Linux elastic cloud server.
a) Execute the connection command.
ssh elastic public IP
, for example: ssh 123.xxx.xxx.456
b) Enter the user name: root, password, and log in to the server.
I personally use MobaXtermthis software, add SSH connection, output 公网IP, user name and port (default 22), and connect.
2.3 Security group configuration
A security group is a logical grouping that provides access policies for cloud servers in the same VPC. Users can define various access rules in the security group. When the cloud server joins the security group, it will be protected by these access rules.
The system creates a default security group for each network card by default. The rules of the default security group are to allow all data packets in the outbound direction and restrict access in the inbound direction. You can use the default security group or create a custom security group if needed.
You mainly need to fill in the priority (fill in 1 by default) and protocol port information (generally select the port that your project needs to expose), and click OK for other defaults. Security group configuration is mainly to expose ports to the external network for access.
If you are still unclear, you can refer to the document: Security Group Configuration Example
3. Deploy drawio
3.1 Drawio introduction
Draw.io is a popular online diagramming and flowcharting tool that allows users to create various types of diagrams, including flowcharts, organizational charts, network diagrams, UML diagrams, process charts, sequence diagrams, and more. The following is a detailed introduction to Draw.io:
-
Chart types :
Draw.io provides a variety of chart types to meet the drawing needs in different scenarios, such as flow charts, organizational charts, network diagrams, UML diagrams, flow charts, sequence diagrams, maps, etc. -
Online tool :
Draw.io is a web-based online tool that users can access directly through a browser without installing any software. This feature allows users to access and create diagrams anytime and anywhere. -
User-friendly interface :
Draw.io has designed an intuitive and simple user interface that is easy to use, so whether users are professionals or beginners, they can quickly create professional-quality diagrams. -
Multi-platform compatibility :
Draw.io can run on multiple platforms, including Windows, macOS, and Linux. It also supports mobile devices and can run on PC, Mac, iPad and other devices. -
Cloud storage and local storage :
Users can choose to store drawing files locally, or use cloud storage (such as Google Drive, OneDrive, Dropbox) to save charts to achieve secure file storage and multi-device synchronization. -
Real-time collaboration :
Draw.io allows multiple users to collaborate and edit the same diagram in real-time, making it easier for teams to collaborate and complete projects together. -
Export and share :
Users can export the created charts to common image formats (PNG, JPG, SVG, etc.), or directly share chart links to facilitate sharing and communication with others. -
Extension plug-ins :
Draw.io supports various extension plug-ins. Users can expand functions according to their own needs and enhance work efficiency.
Overall, Draw.io is a feature-rich, easy-to-use, multi-platform compatible online diagramming tool that is suitable for individuals and teams and can meet a variety of drawing needs.
- Official website: https://www.drawio.com/
3.2 Docker environment setup
This server environment is an ubuntu system image, and you need to install the docker environment yourself.
| Server category | system image | Intranet IP address | Docker version | Operating system version |
|---|---|---|---|---|
| Yunyao cloud server L instance | Ubuntu | 192.168.0.168 | 20.10.24 | Ubuntu 22.04.1 LTS |
Install docker using snapcommand
root@hcss-ecs-f632:~# snap install docker
docker 20.10.24 from Canonical✓ installed
Test dockerwhether the installation is successful
root@hcss-ecs-f632:~# docker -v
Docker version 20.10.24, build 297e128
Check dockerservice status
root@hcss-ecs-f632:~# systemctl status docker
● docker.service - Docker Application Container Engine
Loaded: loaded (/lib/systemd/system/docker.service; enabled; vendor preset: enabled)
Active: active (running) since Thu 2023-09-14 14:25:21 CST; 2 days ago
TriggeredBy: ● docker.socket
Docs: https://docs.docker.com
Main PID: 30672 (dockerd)
Tasks: 73
Memory: 137.0M
CPU: 2min 37.906s
CGroup: /system.slice/docker.service
Check docker composeversion
root@hcss-ecs-f632:~# docker compose version
Docker Compose version v2.17.2
3.3 drawio deployment
- Download image
Pull the drawio image from docker hub, address: https://hub.docker.com/r/jgraph/drawio
root@hcss-ecs-f632:~# docker pull jgraph/drawio
Using default tag: latest
latest: Pulling from jgraph/drawio
379fa4960c82: Pull complete
2f8a564c8167: Pull complete
8fa76ed50e52: Pull complete
ec7797702745: Pull complete
07a0e16f7be1: Pull complete
Digest: sha256:d7eb4e9658b8df5601381bbe3f82a7b1b8ad3877bc25b090a84ef8d16b18ea84
Status: Image is up to date for jgraph/drawio:latest
docker.io/jgraph/drawio:latest
- Configure security group
On the security group management page of Huawei Cloud Yaoyun Server L instance, add inbound rules. Next, when we start the service, we need to listen to port 8443, so we add the security group as the TCP:8443protocol port.
- Start service
Start using docker-composethe method, first create the filedocker-compose.yml
version: '3.8'
services:
drawio:
image: jgraph/drawio
container_name: drawio
ports:
- "8443:8080"
restart: unless-stopped
If you save the above code snippet in a file called docker-compose.yml, you can simply run from the same folder to docker compose up -dautomatically pull the drawio image and create and start a container. upIndicates starting the service and -dexecuting it in the background. docker-compose downCommands are used to stop and clean up docker-compose upservices started by .
root@hcss-ecs-f632:~/drawio# docker-compose up -d
Creating network "drawio_default" with the default driver
Creating drawio ... done
- Check container status
Check the drawio container status to ensure that the container starts normally
root@hcss-ecs-f632:~/drawio# docker ps
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
71e50bb609c8 jgraph/drawio "/docker-entrypoint.…" About a minute ago Up About a minute 8443/tcp, 0.0.0.0:8443->8080/tcp, :::8443->8080/tcp drawio
- address
Intranet: http://localhost:8080/?offline=1
External network: http://public IP:8443/?offline=1
3.4 drawio use
For the first visit, you need to wait for the loading service
. Select the file path to store the chart: Devicelocal storage, Broswerlocal localstroage of the browser, non-permanent storage. 
Create a new chart,
set the chart file name and its file format, and enter 
the editing interface after creation. Draw .io is a popular online diagramming and flowcharting tool with an intuitive, feature-rich editing interface that allows users to easily create various types of diagrams. The following is an introduction to the main components and functions of the draw.io editing interface:
-
Menu bar:
The menu bar is located at the top of the editing interface and contains commonly used operation menus, such as File, Edit, View, Format, Tools, etc. You can perform various operations through the menu bar, such as creating, opening, saving, exporting charts, etc. -
Toolbar:
The toolbar is located below the menu bar and contains commonly used drawing tools, such as selection, rectangle, circle, arrow, line, etc. The toolbar allows you to quickly select and use the required drawing tools. -
Sidebar:
The sidebar is usually located on the left or right side of the editing interface and contains a library of chart elements from which users can select and drag chart elements to the drawing area. The element library in the sidebar is organized by categories, such as basic shapes, flowcharts, UML, network diagrams, and more. -
Drawing area:
The drawing area is the main area of the editing interface, used for drawing and editing charts. Users can drag chart elements in the drawing area, connect elements, resize, edit text, etc. The drawing area provides rich editing functions, including a variety of drawing tools and options.
Since the interface is in English by default, if it is not convenient to read and use, we can switch the language to Simplified Chinese in the menu bar
In this way, we can have a clearer understanding of each functional module and it will be more convenient to use.
The sidebar includes a library of chart elements and can be customized to add more graphics.
Edited chart files can also be exported to other formats, such as PNG, PDF, HTML, etc.
An example of a UML activity diagram (Activity Diagram) drawn online using drawio is as follows. If you want to explore more of drawio's drawing functions, please explore on your own.
4. Summary
Yunyao Cloud Server L instance is a new generation of out-of-the-box lightweight application cloud server built for small and medium-sized enterprises and developers. Yunyao Cloud Server L instances provide rich and carefully selected application images, enabling one-click deployment of applications, helping customers to conveniently and efficiently build e-commerce websites, Web applications, applets, learning environments, various development tests, etc. in the cloud.
Moreover, the usage threshold of Yunyao Cloud Server L instance is low. If you are an entry-level user who is learning about cloud computing services, or an individual developer or small and medium-sized enterprise who needs to deploy simple applications in the server, then we recommend you to choose it 云耀云服务器L实例.