Wafer 客户端示例项目教程

Wafer 客户端示例项目教程

wafer-client-demo Wafer - 企业级微信小程序全栈方案 项目地址: https://gitcode.com/gh_mirrors/wa/wafer-client-demo

1. 项目的目录结构及介绍

Wafer 客户端示例项目的目录结构如下：

Demo/
├── LICENSE
├── README.md
├── app.js
├── app.json
├── bower.json
├── config.js
├── package.json
├── pages
│   ├── chat
│   │   ├── chat.js
│   │   ├── chat.wxml
│   │   └── chat.wxss
│   └── index
│       ├── index.js
│       ├── index.wxml
│       └── index.wxss
└── vendor
    └── qcloud-weapp-client-sdk/

• LICENSE：项目的开源许可证文件。
• README.md：项目的说明文档，包含了项目的介绍、使用方法和相关说明。
• app.js：小程序的入口文件，用于注册小程序实例并包含全局变量和方法。
• app.json：小程序的全局配置文件，定义了小程序的一些全局设置，如页面路径、窗口表现等。
• bower.json：项目依赖管理文件，本项目未使用。
• config.js：项目的配置文件，用于配置API服务域名等。
• package.json：Node.js项目的配置文件，本项目未使用。
• pages：存放小程序的页面相关文件。
  • index：首页页面目录。
  • chat：聊天页面目录。
• vendor：第三方库目录，本项目包含了腾讯云微信小程序客户端SDK。

2. 项目的启动文件介绍

项目的启动文件主要是 app.js 和 app.json。

• app.js：小程序的入口函数 App() 用来注册一个小程序实例。在这个文件中，你可以定义全局变量和方法，这些变量和方法可以在其他页面或组件中访问。

• app.json：小程序的全局配置文件，其中定义了小程序的页面组成、窗口背景色、导航栏标题等。例如：

{
  "pages": [
    "pages/index/index",
    "pages/chat/chat"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Wafer 客户端示例",
    "navigationBarTextStyle": "black"
  }
}

3. 项目的配置文件介绍

项目的配置文件是 config.js，这个文件用于配置小程序的网络请求服务域名等。

// config.js
var host = 'yourid.qcloud.la'; // 此处主机域名修改成腾讯云解决方案分配的域名

var config = {
  // 下面的地址配合业务服务器端的API地址使用
  service: {
    host,

    // 登录API地址
    loginUrl: `https://${host}/weapp/login`,

    // 其他API地址
    // ...
  }
};

module.exports = config;

在开发过程中，需要将 config.js 文件中的 host 变量值替换为腾讯云解决方案分配的实际域名，以确保小程序能够正确地与业务服务器通信。

wafer-client-demo Wafer - 企业级微信小程序全栈方案 项目地址: https://gitcode.com/gh_mirrors/wa/wafer-client-demo