Uploading Files With Connectors

Expected Results

Huawei Cloud Astro Zero encapsulates various connectors to integrate with external services, enabling their use within applications. For example, using a connector to link with OBS enables files to be saved from a frontend page to an OBS bucket.

Figure 1 Checking the file in a specified path of the OBS bucket

Implementation Methods

1. Make preparations.
   • To access OBS, you need a HUAWEI ID or an IAM user account. This involves registering with Huawei Cloud, completing real-name authentication, creating an IAM user account, funding your account, and purchasing the necessary resource packages. For details, see Using OBS Console.
   • Obtain the access key ID (AK) and secret access key (SK). For details, see Obtaining an AK/SK .
   • Create a bucket (for example, bing.testonly.1) in OBS. For details, see Creating a Bucket. Record the region selected during bucket creation.

2. Create a low-code application.
   1. Apply for a free trial or purchase a commercial instance by referring to Authorization of Users for Huawei Cloud Astro Zero Usage and Instance Purchases.
   2. After the instance is purchased, click Access Homepage on Homepage. The application development page is displayed.
   3. In the navigation pane, choose Applications. On the displayed page, click Low-Code or .

      When you create an application for the first time, create a namespace as prompted. Once it is created, you cannot change or delete it, so check the details carefully. Use your company or team's abbreviation for the namespace.

   4. In the displayed dialog box, choose Standard Applications and click Confirm.
   5. Enter a label and name of the application, and click the confirm button. The application designer is displayed.
      Figure 2 Creating a blank application
      

      Table 1 Parameters for creating a blank application

      Parameter	Description	Example
      Label	The label for the new application; Max. 80 characters. A label uniquely identifies an application in the system and cannot be modified after creation.	My first application
      Name	Name of the new application. After you enter the label value and click the text box of this parameter, the system automatically generates an application name and adds Namespace__ before the name. Naming rules: Max. characters: 31, including the prefix namespace. To prevent duplicate data names among different tenants, each tenant must define a unique namespace when first creating an application. A tenant can only create one namespace, and once it is created, it cannot be modified. Start with a letter and use only letters, digits, and underscores (_). Do not end with an underscore (_).	A

3. Create an OBS connector.
   1. In the application designer, choose Integrations > Connector > Connector Instance.
   2. Choose OBS under Storage and click + to create an OBS connector.
   3. Configure basic information, add the bucket, and click Save.
      Figure 3 Setting basic information
      
      Figure 4 Adding a bucket
      

      Table 2 Parameters for creating an OBS connector

      Parameter	Description	Example
      Name	Name of the OBS connector to be created. Naming rules: Max. 64 characters, including the prefix namespace. The content that is blurred in front of the ID is a namespace. To prevent duplicate data names among different tenants, each tenant must define a unique namespace when first creating an application. A tenant can only create one namespace, and once it is created, it cannot be modified. Start with a letter and can contain only letters, digits, and an underscore (_). Do not end with an underscore (_).	upload
      Access Key	Configure the access key (AK) of the user.	Access key ID value obtained in 1
      Secret Key	Configure the obtained SK.	Secret access key value obtained in 1
      Bucket	Set the region where the bucket resides and the bucket name.	Region: cn north-4; Bucket Name: bing.testonly.1 (the bucket created in 1)

4. Create a standard page for uploading files.
   1. In the navigation pane, choose Page, and click + next to Standard Page.
   2. Drag an Upload widget to the standard page.
      Figure 5 Dragging the upload widget
      
   3. Select the Upload widget, set Storage to OBS, and select the connector created in 3.
      Figure 6 Setting storage information
      
   4. Define the file upload path.
      Figure 7 Setting the upload path
      

5. Return to the standard page and click to save the page settings. After the page is saved, click to preview the effect.