在服务器上部署自己的h5页面用于微信内部浏览器打开

在服务器上部署自己的h5页面用于微信内部浏览器打开 

域名注册 和 虚拟主机租用  都是在 西部数据 进行的

以下为 西部数据 的官网 

登录和注册这里不过多介绍......

一、域名注册

点击官网首页的 域名注册 跳转页面至 域名注册界面 填写你想要的域名 点击查域名

下面以注册 iloveu 域名流程为例

选择合适价位的域名点击 立即注册

进入到 域名注册界面  第一次注册域名需要实名认证 这里不过多介绍

 点击 进入下一步

购买付款流程如下图 

 

 二、虚拟主机的租用

虚拟主机我选择的是 海外主机里的 ( 因为国内主机绑定域名需要备案,极为麻烦 )

下面以香港主机为例 具体流程如下

点击官网首页的 虚拟主机 并选择 海外主机 跳转页面至虚拟主机界面,选择合适方案并填写信息  付款流程跟上边一样,这里不过多介绍......

三、绑定域名并上传h5文件至虚拟主机

1. 绑定域名

点击 右上角 管理中心 跳转至 管理中心页面

 点击 虚拟主机管理 中的 管理 进入 虚拟主机页面

测试域名在右防 格式为 解析域名: xxxxxx.gotoip2.com

 点击下方的 主机域名绑定 跳转至 域名绑定页面,填写你第一步注册的域名 并点击右侧 添加绑定

绑定域名时，不能带http://，正确的输入格式为: abc.com或www.abc.com ,例如 下图

效果如下 

点击左侧的 域名管理 跳转至 域名管理界面 下方点击添加域名解析 

对应值 就是官方给的测试域名

@ 对应 iloveu.com   

www 对应 www.iloveu.com

官方文档如下

 效果如下图

2. h5文件上传

点击 虚拟主机管理 中的 管理 进入 虚拟主机页面 

点击左侧 文件管理 进入文件管理器界面 

在 wwwroot 文件夹 添加你的h5文件 效果如下

 四、访问域名

然后在浏览器输入你的域名即可访问,但是要输入统一账号密码进行登录  

在手机端微信聊天框输入你的域名以及手机浏览器模拟打开,也是这种情况

如下图

统一账号如下图

 

然后如果不想要输入框,你就得氪金 转正

以上仅为 试用7天 的效果展示