# 微信小程序客户端腾讯云增强 SDK
[![Build Status](https://travis-ci.org/tencentyun/wafer-client-sdk.svg?branch=master)](https://travis-ci.org/tencentyun/wafer-client-sdk)
[![Coverage Status](https://coveralls.io/repos/github/tencentyun/wafer-client-sdk/badge.svg?branch=master)](https://coveralls.io/github/tencentyun/wafer-client-sdk?branch=master)
[![License](https://img.shields.io/github/license/tencentyun/wafer-client-sdk.svg)](LICENSE)
本 项目是 [Wafer](https://github.com/tencentyun/wafer-solution) 的组成部分,为小程序客户端开发提供 SDK 支持会话服务和信道服务。
## SDK 获取与安装
解决方案[客户端 Demo](https://github.com/tencentyun/wafer-client-demo) 已经集成并使用最新版的 SDK,需要快速了解的可以从 Demo 开始。
如果需要单独开始,本 SDK 已经发布为 bower 模块,可以直接安装到小程序目录中。
```sh
npm install -g bower
bower install qcloud-weapp-client-sdk
```
安装之后,就可以使用 `require` 引用 SDK 模块:
```js
var qcloud = require('./bower_components/qcloud-weapp-client-sdk/index.js');
```
## 会话服务
[会话服务](https://github.com/tencentyun/wafer-solution/wiki/%E4%BC%9A%E8%AF%9D%E6%9C%8D%E5%8A%A1)让小程序拥有会话管理能力。
### 登录
登录可以在小程序和服务器之间建立会话,服务器由此可以获取到用户的标识和信息。
```js
var qcloud = require('./bower_components/qcloud-weapp-client-sdk/index.js');
// 设置登录地址
qcloud.setLoginUrl('https://199447.qcloud.la/login');
qcloud.login({
success: function (userInfo) {
console.log('登录成功', userInfo);
},
fail: function (err) {
console.log('登录失败', err);
}
});
```
本 SDK 需要配合云端 SDK 才能提供完整会话服务。通过 [setLoginUrl](#setLoginUrl) 设置登录地址,云服务器在该地址上使用云端 SDK 处理登录请求。
> `setLoginUrl` 方法设置登录地址之后会一直有效,因此你可以在微信小程序启动时设置。
登录成功后,可以获取到当前微信用户的基本信息。
### 请求
如果希望小程序的网络请求包含会话,登录之后使用 [request](#request) 方法进行网络请求即可。
```js
qcloud.request({
url: 'http://199447.qcloud.la/user',
success: function (response) {
console.log(response);
},
fail: function (err) {
console.log(err);
}
});
```
如果调用 `request` 之前还没有登录,则请求不会带有会话。`request` 方法也支持 `login` 参数支持在请求之前自动登录。
```js
// 使用 login 参数之前,需要设置登录地址
qcloud.setLoginUrl('https://199447.qcloud.la/login');
qcloud.request({
login: true,
url: 'http://199447.qcloud.la/user',
success: function (response) {
console.log(response);
},
fail: function (err) {
console.log(err);
}
});
```
关于会话服务详细技术说明,请参考 [Wiki](https://github.com/tencentyun/wafer-solution/wiki/%E4%BC%9A%E8%AF%9D%E6%9C%8D%E5%8A%A1)。
## 信道服务
[信道服务](https://github.com/tencentyun/wafer-solution/wiki/%E4%BF%A1%E9%81%93%E6%9C%8D%E5%8A%A1)小程序支持利用腾讯云的信道资源使用 WebSocket 服务。
```js
// 创建信道,需要给定后台服务地址
var tunnel = this.tunnel = new qcloud.Tunnel('https://199447.qcloud.la/tunnel');
// 监听信道内置消息,包括 connect/close/reconnecting/reconnect/error
tunnel.on('connect', () => console.log('WebSocket 信道已连接'));
tunnel.on('close', () => console.log('WebSocket 信道已断开'));
tunnel.on('reconnecting', () => console.log('WebSocket 信道正在重连...'));
tunnel.on('reconnect', () => console.log('WebSocket 信道重连成功'));
tunnel.on('error', error => console.error('信道发生错误:', error));
// 监听自定义消息(服务器进行推送)
tunnel.on('speak', speak => console.log('收到 speak 消息:', speak));
// 打开信道
tunnel.open();
// 发送消息
tunnel.emit('speak', { word: "hello", who: { nickName: "techird" }});
// 关闭信道
tunnel.close();
```
信道服务同样需要业务服务器配合云端 SDK 支持,构造信道实例的时候需要提供业务服务器提供的信道服务地址。通过监听信道消息以及自定义消息来通过信道实现业务。
关于信道使用的更完整实例,建议参考客户端 Demo 中的[三木聊天室应用源码](https://github.com/tencentyun/wafer-client-demo/blob/master/pages/chat/chat.js)。
关于信道服务详细技术说明,请参考 [Wiki](https://github.com/tencentyun/wafer-solution/wiki/%E4%BF%A1%E9%81%93%E6%9C%8D%E5%8A%A1)。
## API
### setLoginUrl
设置会话服务登录地址。
#### 语法
```js
qcloud.setLoginUrl(loginUrl);
```
#### 参数
|参数 |类型 |说明
|-------------|---------------|--------------
|loginUrl |string |会话服务登录地址
### login
登录,建立微信小程序会话。
#### 语法
```js
qcloud.login(options);
```
#### 参数
|参数 |类型 |说明
|-------------|---------------|--------------
|options |PlainObject |会话服务登录地址
|options.success | () => void | 登录成功的回调
|options.error | (error) => void | 登录失败的回调
### request
进行带会话的请求。
#### 语法
```js
qcloud.request(options);
```
#### 参数
|参数 |类型 |说明
|-------------|---------------|--------------
|options |PlainObject | 会话服务登录地址
|options.login | bool | 是否自动登录以获取会话,默认为 false
|options.url | string | 必填,要请求的地址
|options.header | PlainObject | 请求头设置,不允许设置 Referer
|options.method | string | 请求的方法,默认为 GET
|options.success | (response) => void | 登录成功的回调。<ul><li>`response.statusCode`:请求返回的状态码</li><li>`response.data`:请求返回的数据</li></ul>
|options.error | (error) => void | 登录失败的回调
|options.complete | () => void | 登录完成后回调,无论成功还是失败
### Tunnel
表示一个信道。由于小程序的限制,同一时间只能有一个打开的信道。
#### constructor
##### 语法
```js
var tunnel = new Tunnel(tunnelUrl);
```
#### 参数
|参数 |类型 |说明
|-------------|---------------|--------------
|tunnelUrl |String | 会话服务登录地址
#### on
监听信道上的事件。信道上事件包括系统事件和服务器推送消息。
##### 语法
```js
tunnel.on(type, listener);
```
##### 参数
|参数 |类型 |说明
|-------------|---------------|--------------
|type |string | 监听的事件类型
|listener |(message?: any) => void | 监听器,具体类型的事件发生时调用监听器。如果是消息,则会有消息内容。
##### 事件
|事件 |说明
|-------------|-------------------------------
|connect |信道连接成功后回调
|close |信道关闭后回调
|reconnecting |信道发生重连时回调
|reconnected |信道重连成功后回调
|error |信道发生错误后回调
|[message] |信道服务器推送过来的消息类型,如果消息类型和上面内置的时间类型冲突,需要在监听的时候在消息类型前加 `@`
|\* |监听所有事件和消息,监听器第一个参数接收到时间或消息类型
#### open
打开信道,建立连接。由于小程序的限制,同一时间只能有一个打开的信道。
##### 语法
```js
tunnel.open();
```
#### emit
向信道推送消息。
##### 语法
```js
tunnel.emit(type, content);
```
##### 参数
|参数 |类型 |说明
|-------------|---------------|--------------
|type
没有合适的资源?快使用搜索试试~ 我知道了~
房贷计算器小程序源码 demo
共85个文件
js:28个
png:18个
json:13个
2 下载量 156 浏览量
2023-08-16
22:47:31
上传
评论
收藏 362KB ZIP 举报
温馨提示
这是一个简单的房贷计算器小程序源码demo案例。用户可以输入贷款总额、年利率、贷款期限等参数,程序将自动计算每月应还款金额。此代码使用了简单的等额本息还款法公式,适用于一般情况下的房贷计算。用户可以根据实际需求进行修改和扩展。 该小程序需要用户输入三个参数:贷款总额、年利率和贷款期限。在计算每月还款金额时,程序会将年利率转换为月利率,并将贷款期限转换为月数。然后使用等额本息还款法公式进行计算,每月应还款金额等于贷款总额乘以月利率再乘以(1+月利率)的贷款期限次方,然后除以(1+月利率)的贷款期限次方再减去1。 这个小程序适用于一般情况下的房贷计算,但可能不适用于一些特殊情况,如贷款有罚息或提前还款等。如果需要处理这些特殊情况,程序需要进行相应的修改和扩展。
资源推荐
资源详情
资源评论
收起资源包目录
房贷计算器小程序源码demo.zip (85个子文件)
房贷计算器小程序源码demo
wxapp-model-master
pages
about
index.wxml 962B
index.js 2KB
index.json 78B
index.wxss 338B
counter
index.wxml 4KB
index.js 6KB
index.json 81B
index.wxss 838B
loan
index.wxml 4KB
index.js 5KB
index.json 78B
index.wxss 783B
detail
index.wxml 556B
index.js 1KB
index.json 75B
index.wxss 443B
index
search.json 84B
forecast.json 78B
index.wxml 2KB
search.wxss 437B
search.js 2KB
forecast.js 505B
forecast.wxml 1KB
search.wxml 459B
forecast.wxss 1KB
index.js 3KB
index.json 102B
index.wxss 54B
map
car.wxss 673B
car.js 3KB
car.json 78B
car.wxml 305B
app.json 1KB
app.js 1KB
etc
config.js 615B
app.wxss 1KB
vendor
wxapp-client-sdk
lib
request.js 4KB
login.js 6KB
session.js 406B
tunnel.js 15KB
utils.js 387B
upload.js 4KB
constants.js 664B
wxTunnel.js 733B
.bower.json 773B
LICENSE 1KB
index.js 758B
README.md 8KB
bower.json 528B
assets
plugins
amap-wx.js 8KB
loan.js 2KB
RichTextArea
util.js 2KB
wxParse
showdown.js 71KB
wxParse.wxss 4KB
wxDiscode.js 7KB
wxParse.wxml 36KB
html2json.js 8KB
htmlparser.js 5KB
wxParse.js 4KB
styles
base
weui.wxss 21KB
common
noAuth
notAuth.wxss 465B
notAuth.json 2B
notAuth.wxml 637B
notAuth.js 336B
head.wxml 94B
images
pos.png 503B
map_banner.png 13KB
pic_out.png 7KB
pos_m.png 679B
wsq.png 10KB
tb_2.png 418B
tb_4.png 707B
tb_3_f.png 598B
tb_3.png 634B
tb_1_f.png 407B
tb_1.png 407B
tb_4_f.png 707B
pic_wait.png 2KB
pic_pass.png 7KB
tb_2_f.png 418B
image0
README.md 1KB
bower.json 324B
小程序案例截图
3.png 87KB
1.png 50KB
2.png 78KB
共 85 条
- 1
资源评论
度假的小鱼
- 粉丝: 8322
- 资源: 58
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功