文档首页/ 企业门户 EWP/ 快速入门/ 示例二:创建多终端独立版站点
更新时间:2024-12-06 GMT+08:00
分享

示例二:创建多终端独立版站点

准备工作

在使用企业门户前,您需要完成以下准备工作。

  • 已注册华为帐号,开通华为云并完成实名认证。
  • 已从华为云或者第三方购买域名,并完成域名实名认证

开通站点

制作网站前,您需要先注册华为云帐号,并完成实名制认证。先购买网站站点,并为此站点购买模板(可选)、安装模板,构造出一个网站的框架。

购买站点

购买站点相当于给网站购买相应的云空间和流量,云空间用于存放您制作网站时上传的图片和文章,流量用于控制网站能承受多少客户访问。

  1. 登录企业门户控制台,单击“购买企业门户”,进入“购买企业门户”界面。
  2. 选择区域、规格、版本和购买时长,设置站点名称,勾选“我已经阅读并同意《企业门户服务申明》”,单击“提交订单”。
    表1 企业门户多终端独立版信息

    参数

    参数说明

    区域

    选择企业门户多终端独立版所在区域,选择方法参考购买企业门户选择哪个节点比较好?

    规格

    模板建站,多终端独立版。

    版本

    选择企业门户多终端独立版的版本,版本包含入门版、标准版、营销版和企业版。各个版本支持的特性详情请参见产品特性

    站点名称

    您可以自定义站点名称,站点名称主要用来区分不同的站点,不能与其他区域的站点名称相同。

    购买时长

    购买企业门户的时长。

    • 站点名称不能与其他站点的名称相同。
    • 购买版本后支持从低版本升级至高版本,暂不支持从高版本降级至低版本。
    • 购买企业版站点,独立IP默认为北京四,与购买区域无关。
  3. 进入订单确认界面,确认无误后完成支付。

    完成购买后,您可在“费用中心>我的订单”中查看购买信息。

购买模板(可选)

付费模板是由设计师精心设计的网页呈现效果,购买精美模板可以减少您对于网站样式的设计和开发。

  1. 企业门户控制台,选择购买站点时创建的站点,单击“购买模板”。
    图1 购买模板
  2. 根据行业、色系、站点、功能筛选出合适的模板,记录待购买模板的编号,并在待购买的模板右下角,单击“立即购买”。
    图2 选择模板
  3. 进入订单确认界面,确认无误后完成支付。
    • 已购买的模板需要在“站点编辑”中安装后,才能在网站中显示。具体安装步骤,请参见安装模板
    • 付费模板属于一次性计费商品,购买后因涉及到设计师版权问题,不支持退换。
    • 付费模板与网站一对一绑定,此模版无法安装在您名下的其他网站上。在网站有效期内,模版一直有效,且可无限次安装使用。

安装模板

模板购买后不是立即生效,需要您安装模板后,才能在网站页面查看到模板的呈现效果。

  1. 企业门户控制台,选择购买站点时创建的站点,单击“网站设计”。
    图3 企业门户多终端独立版网站设计
  2. 在管理后台界面,单击“站点编辑”。
    图4 站点编辑
  3. 在管理后台界面,选择“模板”,弹出模板对话框。在“模板编号”中输入购买模板时记录的模板编号,单击“搜索”。在搜索出的模板右下角,单击“安装”。
    图5 安装模板
  4. 在弹出的“安装模板”对话框中,单击“确定”。弹出确认安装此模板对话框,单击“确定”。模板安装成功后,弹出安装成功对话框。
    图6 安装模板对话框

设置网站后台

网站开通后,您需要为您的网站增加内容,比如商品信息、支付方式等,本节主要指导您完成录入商品信息、设置配送方式和对接微信、支付宝等支付方式。

  1. 企业门户控制台,单击“网站设计”。
    图7 企业门户多终端独立版网站设计
  2. 添加产品分类。
    1. 在“管理后台”界面,选择“产品>管理分类”,删除网站自带的分类信息,单击“保存更改”。
    2. 选择“产品>管理分类>添加一级分类”,输入分类名称,单击“保存”。
      图8 添加一级分类
  3. 添加产品。
    1. 在“管理后台”界面,选择“产品>产品管理”,删除网站自带的产品信息。
    2. 选择“产品>添加产品”,添加产品信息,具体请参见添加产品
      图9 添加产品
    3. 产品添加完成后,在“产品>产品管理”中,查看已增加的产品,并对产品进行排序。
      图10 产品管理
  4. 设置配送方式。
    1. 在“电子商务设置>交易设置”中,开启“交易开关”,设置交易币种,单击“保存”。
      交易设置中其他参数的设置,请参见交易设置帮助文档
      图11 交易设置
    2. 在“电子商务设置>物流公司”中,单击“添加物流公司”,弹出设置物流公司对话框。
      图12 添加物流公司
    3. 设置物流公司名称、申请网址和顺序,单击“确定”。
      图13 设置物流信息
    4. 在“电子商务设置>配送设置”中,单击“添加配送方式”,弹出设置配送方式对话框。
      图14 配送设置
    5. 设置买20元包邮。如果需要设置不同地区快递费用不同,请参见添加不同省份不同物流费用的配送方式
      图15 设置配送信息
  5. 设置发货地址。
    1. 在“电子商务设置>发货地址”中,单击“添加发货地址”,弹出设置发货地址对话框。
      图16 添加发货地址
    2. 按照实际情况填写发货地址,单击“确定”。
  6. 对接支付系统。

    企业门户支持多种支付方式,有京东支付、手机支付宝-境外币种支付、手机银联支付、手机快钱支付、支付宝-境外币种支付、微信扫码支付、支付宝-网银支付、手机支付宝、微信支付、货到付款、Paypal、支付宝、快钱、财付通、网银在线、银联在线。

设置网站前台(PC版网站编辑)

  1. 在管理后台界面,单击“站点编辑”。
    图17 站点编辑
  2. 设置地址栏网站的名称、网站地址栏图标和网站宽度。
    1. 选择“设置>网站设置”,弹出“网站设置”对话框。
      图18 网站设置
    2. 输入地址栏网站的名称、上传网站地址栏图标和设置网站的宽度,单击“保存”。
      网站设置的其他参数设置,请参见网站设置
      图19 设置网站信息

      对应网站的效果如下:

      图20 站点地址栏图标和站点名称
  3. 设置底版内容。

    底版内容为每个页面都会出现的内容,比如网站logo、导航栏等。在其他页面直接使用底版内容,无需重新制作,节省网站制作时间。底版其他设置,请参见底版设计

    1. 单击“首页”。
      图21 首页
    2. 选择“底版管理>home”。
      图22 底版管理
    3. 设置底版内容,比如网站名称、页脚。
      图23 修改前的底版内容
      图24 修改后的底版内容
    4. 按“Ctrl”+“S”,保存页面的修改。
  4. 设置导航栏。
    导航栏的其他设置,请参见导航栏的添加和管理
    1. 单击“首页”。
      图25 首页
    2. 单击“页面管理”,查看导航栏信息,删除不需要的信息。
      图26 编辑导航栏信息
    3. 按“Ctrl”+“S”,保存页面的修改。
  5. 设置页面内容。以替换“首页”的图为例。页面中灰色部分为底版中的内容,需要在底版中编辑。
    页面的其他设置,请参见页面中添加图片模块并编辑页面中编辑文字
    1. 单击“页面管理”,选择需要编辑的页面。
      图27 选择需要编辑的页面
    2. 单击待编辑的图,选择“属性”。
      图28 选择属性
    3. 在弹出的“图片设置”对话框中,单击“更换图片”。
      图29 图片设置
    4. 在弹出的“选择图片”对话框中,单击“上传文件”。图片上传成功后,单击“选择使用”。
      图30 选择图片
    5. 选择“缩放模式”,调整图片的大小。
      图31 调整图片大小
    6. 页面编辑完成后,按“Ctrl”+“S”,保存页面的修改。
  6. 展示设置网站后台添加的产品。
    1. 选择“页面管理>创建新页面”,创建产品详情页模板,此页面用来放置您在录入产品数据时添加的详细信息。设置页面名称、页面地址、选择底版和导航栏显示,单击“保存”。
      图32 创建产品详情页模板
    2. 单击“插件”,弹出“我的插件”对话框。拖拽“产品”到页面中,弹出“选择产品类型”对话框。选择“产品详情”,单击“确定”。
      图33 添加产品详情
    3. 选择“样式设置”,根据需要设置样式,并将产品详情模块拖动到适合的大小。
      样式设置的详细参数说明,请参见产品详情样式设置详细介绍
      图34 设置样式
    4. 按“Ctrl”+“S”,保存页面的修改。
    5. 选择“页面管理>创建新页面”,创建产品列表页模板。设置页面名称、页面地址、选择底版和导航栏显示,单击“保存”。
      图35 创建产品列表页模板
    6. 单击“插件”,弹出“我的插件”对话框。拖拽“产品”到页面中,弹出“选择产品类型”对话框。选择“产品列表”,单击“确定”。
      图36 添加产品列表
    7. 单击“样式设置”,弹出“样式设置”对话框。选择“参数设置>链接设置”,设置“详情链接指向”到6.a中创建的“产品详情页模板”,设置“更多指向”和“分类链接指向”到6.e中创建的“产品列表页模板”。
      图37 设置链接
    8. 按“Ctrl”+“S”,保存页面的修改。
    9. 在“页面管理>待添加产品的页面”所在行,单击“属性”。
      图38 页面属性
    10. 在弹出的“页面属性”对话框中,单击“设置链接”,弹出“链接到”对话框。在“产品列表”页签,将“产品列表页”选择为6.e中创建的“产品列表页模板”,单击“选择”,弹出“选择”对话框。根据实际情况选择所需产品分类,单击“确定>确定>保存”。
      图39 设置页面链接
  7. 设置站内搜索插件。
    站内搜索插件的其他设置,请参见站内搜索添加设置
    1. 在待增加搜索插件的页面,单击“插件”,弹出“我的插件”对话框。
      图40 选择插件
    2. 拖拽“站内搜索”到页面,弹出“选择站内搜索类型”对话框。选择“搜索框”,单击“确定”。
      图41 插入搜索插件
    3. 单击“样式”,弹出“样式”对话框,设置搜索插件的样式。
      图42 设置样式
    4. 按“Ctrl”+“S”,保存页面的修改。
  8. 增加购物车。
    1. 选择“添加>购物车”,拖拽购物车到页面。
      图43 购物车
    2. 单击“购物车样式设置”,弹出“购物车样式设置”对话框。选择购物车样式,关闭对话框。
      图44 购物车样式设置
    3. 按“Ctrl”+“S”,保存页面的修改。

制作手机版网站

通过PC版生成手机版时,可能存在部分插件不兼容,建议手动修改。

  1. 制作完成PC版网站后,双击,在弹出的对话框中,单击“生成”。
    图45 生成手机版网站
  2. 转换成功后,单击“保存”。

备份网站数据

网站制作过程中建议经常备份网站数据,以便当您需要回退网站数据时,可以返回到备份的时间点。

  1. 在建站管理后台界面,选择“设置>数据库备份”,弹出“数据库备份”对话框。
    图46 数据库备份
  2. 单击“创建数据库备份”,弹出确认备份对话框。单击“确定”,备份成功后,弹出“操作成功”对话框。单击“确定”。
    图47 创建数据库备份
    图48 确认对话框
    图49 备份成功对话框

    备份成功后,在“数据库备份”对话框中显示一条备份记录,您可以单击备份记录所在行的“恢复”,将网站恢复为备份的数据。

    图50 备份记录

网站备案

网站备案原则是您的服务器资源在哪里就需要在哪里备案。购买企业门户后,需要在华为云备案。备案操作步骤请参考备案流程指导,绑定中国香港站点的域名无需备案。

如果您的域名已经在第三方备案过,需要把此域名绑定到企业门户,备案操作步骤请参考备案流程指导

网站底部添加备案号

  1. 登录企业门户控制台,选择已购买的站点,单击“网站设计”,进入企业门户管理后台界面。
    图51 企业门户多终端独立版网站设计
  2. 单击“站点编辑”,进入站点编辑界面。
    图52 管理后台
  3. 单击“插件”,在弹出的“我的插件”对话框中,拖拽“备案”插件到网站中,弹出“选择备案类型”对话框。根据实际情况选择备案类型,单击“确定”。
    图53 备案插件
  4. 单击“样式设置”,弹出“样式设置”对话框。设置备案号、字体和字号等信息,设置完成后,单击“确定”。
    图54 样式设置
  5. 单击“属性”,弹出“属性”对话框。勾选“页脚元素”,关闭“属性”对话框,将设置好的备案插件拖入页脚中。
    图55 属性

域名配置

域名是为了方便记忆而建立的一套地址转换系统,要访问一台互联网上的服务器,必须通过IP地址来实现,域名解析就是将域名重新转换为IP地址的过程。

  1. 企业门户控制台,单击“前往配置”。
    图56 域名配置
  2. 单击“添加域名”,弹出“添加域名”对话框。输入待解析的域名(例如:www.huaweicloud.com),单击“确定”。
    图57 添加域名
  3. 选中www.huaweicloud.com,单击“一键解析”,弹出“一键解析”对话框,单击“确定”。
    图58 一键解析
    • 如果您已自行解析域名,单击“已自行解析”。
    • 确认该域名未添加任何解析记录集,否则一键解析将报错。
  4. 解析成功后,解析状态变为“解析成功”,这时后台在DNS中增加一条解析记录。
    图59 解析成功

域名绑定

  1. 域名解析成功后,单击“绑定域名”,弹出“绑定域名”对话框,单击“确定”。
    图60 绑定域名
  2. 绑定成功后,绑定状态变为“绑定成功”。
    图61 绑定成功

    绑定成功后,您可以通过绑定的域名访问您的网站。

(可选)添加空主机域名

  1. 单击“添加”,弹出“添加域名”对话框,输入空主机域名(huaweicloud.com),单击“确定”。
    图62 添加空主机域名
  2. 参考3~4,完成空主机域名的解析。参考1~2,完成空主机域名的绑定。

验证网站

在浏览器地址栏输入域名配置中绑定的域名(www.huaweicloud.com),查看网站详细信息。确认网站内容无误后,您可以将域名地址提供给您的客户,通过域名地址直接访问您的网站。

相关文档