请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

百泡网

 找回密码
 立即注册
查看: 888|回复: 0

微信小程序技术(三)配置开发环境、创建小程序、域名变更

[复制链接]

2994

主题

1万

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
18428
发表于 2017-4-2 21:16:15 | 显示全部楼层 |阅读模式
今天主要是讲微信小程序的开发环境搭建配置过程,同时也讲微信小程序默认域名变更成小编自己注册的域名的操作过程。
开发环境配置

下载微信小程序的开发工具


  • 登录https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.htm

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

下载对应操作系统的开发工具版本
安装开发工具

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

扫二维码登录

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

选择本地小程序项目

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

点击“添加项目“”

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

新建小程序项目初始化界面

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

在手机微信端预览效果的步骤:项目-> 预览

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

扫扫弹窗口中的二维码

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

手机微信端看到的效果

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

小程序授权成功后,就进入小程序应用主界面
本地小程序项目在联网状态下,也是可以播放网络视频的。以小编自己写的一个例子来说明:

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

设置小编在头条号上的视频的路径

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

在手机微信端小程序可以正常播放小编头条号的视频
域名变更操作说明

在开通小程序解决方案时,默认同时购买了两台服务器,一台是业务服务器,一台是会话服务器。在变更小程序域名成开发者自己的域名时,需要更新业务服务器上的域名配置。具体步骤如下:
1.更新业务服务器上的域名配置

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

云服务器资源总览

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

使用Xftp软件登录业务服务器,修改/etc/qcloud目录下的sdk.config文件

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

更改sdk.config文件中的域名
更改sdk.config文件的说明:
只需要更改serverHost和tunnelServerUrl中的域名。以下举例:
"serverHost": "ABCD.com",
"tunnelServerUrl": "https://ABCD.com",
2.更新微信小程序服务器配置

前往微信公众平台? -【开发】-【基本配置】-【服务器配置】-【修改配置】:
更新微信小程序服务器配置为最新域名

微信小程序技术(三)配置开发环境、创建小程序、域名变更

微信小程序技术(三)配置开发环境、创建小程序、域名变更

更改服务器域名为新注册的域名
说明:XXX是腾讯云分配的几个数字,AAABBB.com假设是你注册的域名
正确配置如下:
request合法域名XXX.AAABBB.com
socket合法域名XXX.ws.qcloud.la
uploadFile合法域名XXX.AAABBB.com
downloadFile合法域名XXX.AAABBB.com
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持,一起进步。
喜欢本文的话,记得点赞和收藏哦。

更多精彩头条搜索网
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表