低代码高效构建企业门户网站

创建专有网络VPC和交换机

您需要创建专有网络VPC和交换机，为RDS实例构建云上的私有网络。

1. 登录专有网络管理控制台。

2. 在左侧导航栏，单击专有网络。

3. 在顶部菜单栏，选择华东1（杭州）地域。

4. 在专有网络页面，单击创建专有网络。

5. 在创建专有网络页面，配置1个专有网络和1台交换机。配置交换机时，请确保交换机所属的可用区的ECS处于可用状态。

   配置项	说明	示例值
   地域	您的云服务部署的地域。选择地域的基本原则请参见地域和可用区。	华东1（杭州）
   名称	建议您在部署过程中新建一个VPC作为本方案的专有网络。部署过程中填写VPC名称即可创建对应名称的VPC。 长度为2~128个字符，以英文大小写字母或中文开头，可包含数字、下划线（_）和连字符（-）。	vpc_hz
   IPv4网段	在创建VPC时，您必须按照无类域间路由块（CIDR block）的格式为您的专有网络划分私网网段。阿里云VPC支持的网段信息请参见专有网络组成部分。 在网络规划时可以按照管理网段-开发网段-测试网段-生产网段等规则做好规划。网段一旦投入使用，调整过程复杂，因此规划十分重要。	192.168.0.0/16
   交换机名称	建议您在部署过程中在新建的VPC内创建虚拟交换机。部署过程中填写交换机名称即可创建对应名称的虚拟交换机。 长度为2~128个字符，以英文大小字母或中文开头，可包含数字、下划线（_）和连字符（-）。	vsw_001
   可用区	建议选择排序靠后的可用区，一般此类可用区较新。新的可用区资源更充沛，新规格也会在新的可用区优先上线。	可用区 B
   IPv4网段	每台虚拟交换机需要一个IPv4网段。	192.168.1.0/24

创建云数据库RDS

接下来您需要创建 RDS MySQL 实例、数据库、数据库账号。您需要记录创建的 RDS MySQL 数据库的名称、账号、密码用于之后的门户网站搭建配置。

创建应用

魔笔提供企业门户网站模板，可以帮您快速完成网站搭建，无需从零开始设计页面布局，提升网站搭建效率。

1. 登录魔笔控制台。

2. 选择模板市场 > 企业官网模板进入详情页。

   

3. 单击选用此模板，输入名称后单击下一步。

   说明

   在模板详情页面，您可以查看模板的详细布局、基本信息和适用的终端。

   

4. 在数据库集成资源窗口中，根据您创建的RDS实例进行填写：

   • Host

     填写您数据库的公网地址。您可以在云数据库RDS > 实例列表，单击目标实例，进入实例管理页面，选择数据库链接，查看外网地址。

   • 数据库名称

     填写您在上一步创建的数据库的名称，您可以在云数据库RDS > 实例列表，单击目标实例，进入实例管理页面，选择数据库管理，查看数据库名称。

   • 用户名

     填写您在上一步创建的数据库账号。您可以在云数据库RDS > 实例列表，单击目标实例，进入实例管理页面，选择账号管理，查看数据库的登录账号。

   • 密码

     填写您对应数据库账号的密码。

5. 填写完成后，单击确定完成创建。

编辑网站信息

在应用创建完成后，您可以查看和编辑当前应用下的全部模块。本文以新闻数据为例，详细介绍如何执行编辑操作。

1. 选择左侧代码，单击init_data文件，将触发方式变更为手动触发。

   

2. 单击界面左上方首页。在下拉列表中，选择后台数据_新闻数据，进入后台管理页面。

   

3. 在后台管理页面。

   • 您可以单击删除，清除模板提供的新闻数据，以便添加您想要展示的新闻数据。

   • 您也可以单击新增按钮，直接为网站添加数据。填写说明请参见下表。

   

   名称	填写说明	示例值
   标题	填写展示的新闻标题。	阿里云官网
   地址	填写以http/https开头的完整地址链接。	https://www.aliyun.com/
   类型	选择新闻所属的行业类型。	行业
   发布时间	选择新闻的发布日期。	2024-12-01

4. 完成后，单击提交，即可完成新增数据。

5. 变更完成后，单击界面左上方后台管理_新闻数据 > 首页返回网站首页，查看新增数据在网页上的展示情况。

   说明

   您也可以单击H5首页，查看当前页面在移动端的展示情况。

   

新组件添加（可选）

您可以通过可视化拖拉拽的方式对魔笔各个组件进行添加和移动。本文以新建数据图表为例，为您介绍新组件的添加方式。

1. 单击左侧添加组件按钮，向下滑动找到折线图组件，拖动至工作区。

   

2. 创建新的数据表。

   说明

   若您只是想进行简单体验，可以在右侧内容 > 数据源中，直接对数据进行修改。

   1. 登录云数据库RDS控制台。

   2. 在左侧导航栏，选择实例列表。单击目标实例，进入实例管理页面。

   3. 在实例管理页面的左侧导航栏，选择数据库管理。

   4. 单击登录数据库，使用之前创建的账号和密码登录DMS系统。

   5. 在DMS中，选择相应的数据库，执行SQL命令创建表。示例创建表命令：

      CREATE TABLE home_ent (
          id INT AUTO_INCREMENT PRIMARY KEY,
          e_time VARCHAR(255),
          e_value VARCHAR(255),
          e_group VARCHAR(255)
      );

   6. 插入数据。示例命令：

      INSERT INTO home_ent (e_time, e_value, e_group) VALUES 
      ('2023', '1500000', '第一季度'),
      ('2023', '1650000', '第二季度'),
      ('2023', '1450000', '第三季度'),
      ('2023', '1550000', '第四季度'),
      ('2024', '1650000', '第一季度'),
      ('2024', '1500000', '第二季度'),
      ('2024', '1700000', '第三季度'),
      ('2024', '1600000', '第四季度');

   7. 回到魔笔控制台，进入应用界面。按图示顺序新建集成操作。

      

   8. 选中折线图组件，清空右侧内容 > 数据源中的原始数据。按照下图所示进行填写。

      

      说明

      • action5：这里填写您新建的集成操作的文件名。

      • 横轴属性、纵轴属性和分组属性：根据您实际的表字段进行填写即可。

   9. 选中新创建的集成操作，单击集成资源，选中集成的数据库。在下方SQL语句中填写代码，遍历新创建的数据表。

      SELECT * FROM home_ent;

      

   10. 单击运行，将数据加载至界面。

网站发布

在网站发布之前，您需要先对网站应用进行配置，确保使用阿里云账号进行登录后，再进行网站发布操作。

1. 在页面左下角选择设置 > 登录配置，关闭允许匿名访问，勾选阿里云账号登录。

   说明

   如果您需要将网站发布至生产环境，则无需进行此设置，直接进入发布上线流程即可。

   

2. 配置完成后，单击页面右上角发布按钮。

3. 选择开发环境，添加描述后，单击确定按钮。

4. 等待弹窗提示成功发布即可。

域名申请和备案

1. 创建域名信息模板并实名认证。

   1. 登录阿里云域名控制台。

   2. 在左侧导航栏单击信息模板，在信息模板页面单击创建新信息模板。

      

   3. 根据界面提示，完成域名持有者信息填写，单击提交。

      展开查看填写说明。

      参数	个人	企业/组织
      域名持有者类型	选择个人。	选择企业/组织。
      信息填写方式	选择是否自动关联您的阿里云账号信息。 说明 如果您使用子账号登录域名控制台，则页面中没有此参数，您需手动填写域名持有者信息。
      域名联系人（中文）	无	填写域名联系人名称，通常是公司的技术人员作为域名联系人。
      所属区域	选择真实有效的通讯地址。	选择与营业执照上一致的区域。 说明 如果无法选择省市信息，建议您更换浏览器或更换网络环境。
      通讯地址（中文）	填写真实有效的通讯地址。	填写与营业执照上一致的通讯地址。
      邮编	填写通讯地址所在地的邮政编码。	填写企业所在地的邮政编码。
      电子邮箱	填写域名联系人的电子邮箱，填写完成后请单击输入框下方的点击进行邮箱验证，进行验证。 说明 建议不要使用test@test.club等新顶级域名后缀邮箱，避免域名订单长时间处于处理中状态，错失域名抢注等机会。

      实名认证上传材料填写样例请参见如下：

      • 填写样例（个人）

      • 填写样例（组织）

   4. 在阿里云域名控制台的左侧导航栏的信息模板中找到待查看的信息模板，查看实名认证状态。

      说明

      域名实名认证资料的审核通常在1个工作日内可以完成，部分可能需要3~5个工作日，请您耐心等待审核结果。

2. 购买域名

   1. 查询域名。

      1. 登录阿里云域名注册。

      2. 在阿里云域名注册页面的搜索框中，搜索您想要注册的域名以及域名后缀，单击查询域名。

         

   2. 加入域名清单。

      1. 对于查询结果为未注册的域名，单击加入清单。

         

      2. 在域名清单中确认已添加的域名，单击立即购买。

   3. 确认订单信息。

      1. 在确认订单页面，选择域名的购买年限和域名所有者类型。

         

         说明

         若您注册的是“.gov.cn”后缀域名，域名持有者类型只能为企业。

      2. 选择已完成实名认证的域名持有者信息模板。

   4. 选择支付方式后，单击立即支付。

      完成支付后，域名注册订单会短暂的显示为处理中状态，待订单状态变为成功，域名即注册成功。

      • 域名注册过程中的常见问题，请参见域名注册FAQ。

      • 如果域名注册失败，请参见域名注册失败原因进行排查处理。

3. ICP备案前准备

   1. （可选）前置审批。

      新闻类、出版类、药品和医疗器械类、文化类、广播电影电视节目类、教育类、医疗保健类、网络预约车、电子公告类等行业的互联网信息服务，需联系当地机关办理对应的前置审批手续。各类行业对应的办理机关及手续类型请参见前置审批。

   2. 管局规则。

      了解ICP备案所在地域的管局规则，根据管局要求准备ICP备案的材料。详细信息请在各地区管局备案规则中单击对应省份查看。

4. 提交ICP备案

   1. 填写信息进行校验。

      在阿里云ICP代备案管理系统，根据界面提示，按要求填写主办单位信息和网站/App信息等，系统将根据您所填信息，自动校验是否可以进行ICP备案。

   2. 阿里云初审。

      提交ICP备案初审订单后，订单状态为阿里云审核中，阿里云将会在1个工作日左右进行审核，具体以实际审核时间为准。

      

   3. （可选）邮寄资料。

      说明

      阿里云初审后如果需要您邮寄资料，审核人员会通知您。如果您在初审时未收到需要邮寄资料的相关通知，则无需邮寄资料，ICP备案流程将进入下一个阶段。

   4. 工信部短信核验。

      当需要验证的手机号收到工信部发出的验证码短信后，您需在收到核验短信的24小时内，访问工信部备案管理系统进行短信核验。

      说明

      建议通过手机移动数据（关闭WiFi连接）进行短信核验。

      1. 进入工信部备案管理系统，单击短信核验。

      2. 填写短信核验信息。

         在短信核验页签下，根据下方要求填写短信验证码、手机号码、证件号码后6位等信息，填写完成后单击提交，系统将进行自动审核。

         

      3. 确认短信核验结果。

         • 如系统提示您的短信核验已全部完成，该请求将提交管局审核，说明您的ICP备案订单已完成短信核验操作。

           说明

           短信核验成功后，您的ICP备案订单将直接进入管局审核，工信部不会下发短信通知。短信核验结果会在24小时内同步至阿里云，您可前往阿里云ICP代备案管理系统在我的备案中查看。

           

         • 如系统提示您的短信核验完成，请等待其他核验人进行短信核验，说明您的ICP备案订单中还有其他需要验证的手机号码，请联系其他负责人及时完成核验。

           

   5. 管局审核。

      订提交管局后订单为待提交管局状态，阿里云审核专员将会在1个工作日左右将您的订单提交至管局审核，具体以实际提交时间为准

      各省管局审核时间不同，实际审核时长会根据ICP备案场景有所不同，一般为1~20个工作日，具体以实际审核时间为准。管局审核通过后表示您的ICP备案即已完成，审核结果会发送至您的手机和邮箱。

5. ICP备案后操作

   1. 添加ICP备案号及版本所有 。

      ICP备案成功后，您需要在互联网信息服务底部添加备案号和跳转至工信部的链接，以便访问者查询确认ICP备案信息。部分省份管局要求，例如江苏省，需要在互联网信息服务下方添加版权所有。详情请参见添加ICP备案号和版权处理。

   2. （可选）ICP许可证。

      如果您的互联网信息服务属于经营性网站或App（通过互联网向上网用户有偿提供信息或者网页制作等服务活动），则需在ICP备案后申请经营性ICP许可证。详情请参见经营性备案。

      说明

      弹性Web托管服务器不支持经营性备案。

   3. 公安联网备案。

      依据 《计算机信息网络国际联网安全保护管理办法》相关规定，各互联网信息服务在工信部备案成功后，需在开通之日起30日内登录全国互联网安全管理服务平台提交公安联网备案申请。详情请参见公安联网备案及注销。

网站发布

1. 单击页面右上角发布按钮。

2. 选中生产环境，单击下一步。

3. 单击前往域名设置。

4. 单击添加域名，在弹出的对话框中填写您已完成实名认证并且备案的域名后，单击下一步。

5. 防火墙类型选择系统内置，根据界面提示，为域名添加相应的解析记录。

   说明

   请在新页面进入云解析DNS控制台，并且不要关闭本页面。

   

   1. 登录云解析DNS控制台。

   2. 在左侧菜单栏点击公网DNS解析>权威域名解析，在权威域名解析页面的域名列表中找到目标域名，在右侧操作列中点击解析设置。

   3. 在域名解析设置页签中点击添加记录，填写域名解析信息，然后单击确认。

      1. 添加TXT记录。

         配置项	说明	示例值
         记录类型	选择域名指向的类型。此处选择TXT。	TXT
         主机记录	填写弹窗中给出的主机记录。	mobidnscheck.top
         记录值	填写弹窗中给出的记录值。	e0861****3694
         TTL	域名的更新周期，保留默认值。	10分钟

      2. 添加CNAME记录。

         配置项	说明	示例值
         记录类型	选择域名指向的类型。此处选择CNAME。	CNAME
         主机记录	填写弹窗中给出的主机记录。	@
         记录值	填写弹窗中给出的记录值。	cn-beijing.mobiapp.cloud
         TTL	域名的更新周期，保留默认值。	10分钟

6. 解析记录添加完成，单击开始验证，成功后单击下一步。

7. 选中生产环境后单击完成，完成网站的公网发布。

8. 资源集成配置。

   1. 登录魔笔控制台。

   2. 在资源 > 集成下，选择当前应用使用的集成，单击编辑。

      

   3. 进入编辑页面后，选择生产环境页签，按照实际使用的数据库完成配置后，单击确定即可。