一个操作员搭建开发环境4.1下载小程序开发者工

2022-02-04
来源:网络整理

下面是一个例子,打开根目录,输入命令:

vim nginx.conf

具体配置信息见以下示例:

server { listen 443; #SSL 访问端口号为 443 server_name www.example.com #您的域名 ... ssl on; #开启 SSL 功能 ssl_certificate /xxx/xxx/www.example.com.pem; #证书文件 ssl_certificate_key /xxx/xxx/www.example.com.key; #私钥文件 ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #支持的 TLS 协议 ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4; #配置加密套件,推荐配置。 location / { root html; #站点目录 index index.html index.htm; } ... }

配置完成后,再使用以下命令判断配置文件语法是否正确

sudo nginx -t -c /etc/nginx/nginx.conf

如果配置正确,建议重启。

2)在有派云CDN平台部署SSL证书

在CDN平台部署SSL证书,请进入SSL证书管理,一键开启加速。有关详细信息,请参阅配置文档。

3.4 通讯域名配置

进入微信公众平台,进入:【设置】-》【开发设置】-》【服务器域名】-》【修改】,使用二级域名完成通讯域名设置。配置截图如下:

请根据您的需要进行配置。合法域名的配置请参考5.4 基本配置。

4.搭建开发环境

4.1 下载小程序开发者工具

下载安装最新版小程序开发者工具,使用小程序绑定的微信扫码登录开发者工具。

4.2 简单操作(此处截图仅用于说明流程,具体以小程序开发者工具为准)

选择【小程序项目】添加项目。

详细操作步骤请参考手机小程序开发者工具操作指南。

小程序开发需要到哪里备案_小程序云开发需要后端吗_开发小程序需要什么服务器

5.再次上图云小程序上传方案

微信小程序要求安装包大小不超过2MB小程序开发需要到哪里备案,图片、音频、短视频等多媒体文件往往占据应用大部分空间。这些文件可以上传到云存储,并且包可以读取多媒体文件,让小程序轻松“越狱”2MB的限制。优派云存储具备上传加速、下载加速、无限存储等功能,满足您文件的无限存储和快速读取。

此外,通过有派云微信小程序SDK,您可以轻松上传文件到有派云对象存储服务。

5.1 下载微信小程序SDK

点击获取云微信小程序SDK下载。

5.2 准备工作

1) 创建云存储服务。详见域名访问(并拍下存储源),如截图所示:

从截图可以看出,服务名称是(ie)--com。

2) 为存储服务--com 授权操作员。详细操作请参考文档。配置如截图所示:

从截图中可以看到,运营商名称(ie)是,同时请记住运营商密码。

5.3 上传和部署代码

此步骤首先需要下载小程序SDK+Demo,并获取小程序Demo和源码。接下来的步骤是:

1)打开第四步安装的微信开发者工具,点击【小程序项目】模块,进入如下界面:

2)点击上图左下角的【添加】按钮进入如下界面,进入小程序,工程目录选择上一步下载的代码目录:

注:可从微信公众号获取,如截图所示:

开发小程序需要什么服务器_小程序云开发需要后端吗_小程序开发需要到哪里备案

3)点击【确定】创建小程序项目,进入微信开发者工具界面:

5.4 基本配置

1)字段替换

需要进入///.js文件修改和替换相关字段,看下面截图:

const upyun = new Upyun({ bucket: 'sdkimg', operator: 'tester', getSignatureUrl: 'http://localhost:8080' })

需要替换的字段有:

需要替换的字段有:

2)上传域名配置

登录微信小程序账号,配置合法域名为,如截图所示:

5.5 认证

云存储服务的认证和鉴权详见文档。关于鉴权和鉴权部分,可以通过以下三个部分分别介绍:

1)微信小程序客户端上传数据参数

可以直接参考微信小程序中的代码 //--sdk.js。以下是部分代码示例:

function Upyun (options) { this.bucket = options.bucket this.operator = options.operator this.getSignatureUrl = options.getSignatureUrl } Upyun.prototype.upload = function (options) { var self = this if (!options.remotePath) { options.remotePath = options.localPath.split('//')[1] } var date = (new Date()).toGMTString() var opts = { 'save-key': options.remotePath, bucket: self.bucket, expiration: Math.round(new Date().getTime() / 1000) + 3600, date: date } var policy = Base64.encode(JSON.stringify(opts)) var data = [ 'POST', '/' + self.bucket, date, policy ].join('&') self.getSignature(data, function (err, signature) { if (err) { options.fail && options.fail(err) options.complete && options.complete(err) return } wx.uploadFile({ url: `https://v0.api.upyun.com/${self.bucket}`, filePath: options.localPath, name: 'file', formData: { authorization: `UPYUN ${self.operator}:${signature}`, policy: policy }, success: options.success, fail: options.fail, complete: options.complete }) }) }

从代码中可以看出,需要获取的字段包括:

最后,客户端生成data参数传递给服务端签名接口(即地址),签名服务器生成并返回给客户端。

2)签名服务器生成

为了安全考虑,操作员密码不要直接暴露,应该由签名服务器直接生成,微信小程序需要携带data参数。有关详细信息,请参见上一步中的代码。

接口地址字段,如5.4基本配置中所述,该接口接受GET请求,接受参数数据,计算并返回带有字段的响应。

计算公式为:

Base64 (HMAC-SHA1 (, )

其中,是操作员密码的MD5值。请妥善保管操作员密码,请勿泄露。

3)客户端对优派云API服务器进行鉴权认证

根据以上两步,最终生成签名信息,详情见代码:

wx.uploadFile({ url: `https://v0.api.upyun.com/${self.bucket}`, filePath: options.localPath, name: 'file', formData: { authorization: `UPYUN ${self.operator}:${signature}`, policy: policy }, success: options.success, fail: options.fail, complete: options.complete })

5.6 上传代码

以上步骤完成后,就可以将微信小程序代码上传到微信小程序服务器了。进入微信开发者工具,点击【上传】按钮,填写版本号和项目备注。

进入微信公众平台,然后输入:【开发管理】-》【开发版】-》选择体验版。

设置页面路径和参数,具体配置为://,提交后进入如下页面。

扫描二维码进入微信小程序体验版。

6.激活CDN服务

为了提高微信小程序的访问体验,可以通过CDN加速访问域名。可以直接在5.2中创建的存储服务下绑定加速域名。

6.1 绑定加速域名

结合前面步骤申请的接入域名和微信公众平台设置的通讯域名,可以在有派云CDN平台配置接入域名。进入第5步已经激活的服务,直接进入功能配置模块绑定加速域名。详见加速域名。

分享