ECShop是一个开源的网上商店系统,支持微信小程序的开发。下面是关于如何使用ECShop开发微信小程序的原理和详细介绍。
一、ECShop开发环境搭建
1.安装PHP
ECShop是基于 PHP 语言开发的,因此需要先在本地安装 PHP。可以通过在PHP官网下载PHP安装程序并安装,或者使用代表性的PHP集成环境如WAMP、XAMPP等软件包一键安装。
2.安装Apache服务器
ECShop需要使用一个Web服务器,Apache 服务器是最常用的选择。和 PHP 一样, Apache可以通过访问官网获取安装程序并进行安装,或者使用软件包如WAMP、XAMPP等方式一键安装。
3.安装MySQL
ECShop使用 MySQL 数据库存储数据,需要在服务器上安装 MySQL 。可以在官网下载 MySQL安装程序并安装,或者使用软件包如WAMP、XAMPP等一键安装。
4.下载ECShop 安装包
从ECShop官网下载ECShop最新发布的安装包,然后在 Apache 服务器的文档根目录下创建一个新目录并解压。
5.执行ECShop安装程序
自己代码中的 install 目录中包含 ECShop 的安装程序,可以直接在浏览器中访问此目录执行安装程序,按照提示设置 ECShop 网站的名称、管理员密码和数据库链接。
二、微信小程序开发
1.微信小程序目录结构
开发微信小程序,必须要有一定的代码基础,并熟悉小程序的目录结构。
微信小程序的目录结构:
|--app.js //小程序逻辑
|--app.json // 小程序公共设置
|--app.wxss //小程序公共样式表
|
|--pages // 小程序的页面文件夹
| |--index // 小程序首页
| | |--index.js // 首页逻辑
| | |--index.json // 首页设置
| | |--index.wxml // 首页视图
| | |--index.wxss // 首页样式表
| |--shop //改成自己想要的页面
| | |--shop.js // shop页面逻辑
| | |--shop.json // shop页面设置
| | |--shop.wxml // shop页面视图
| | |--shop.wxss // shop页面样式表
2.微信小程序开发工具
微信小程序提供了一套开发工具,可以在 PC 上创建和调试小程序。该工具会监听代码的修改,自动编译小程序,并且支持调试功能。可以从官网下载适用于自己电脑的小程序开发工具,并打开。
3.微信小程序注册和appid申请
小程序需要在微信公众平台注册账号,注册成功后,在平台上申请统一的AppID,AppID是微信小程序的唯一识别ID,与小程序开发密不可分。
4.小程序业务逻辑与样式表
微信小程序需要编写业务逻辑以及样式表。
业务逻辑代码可以使用 JavaScript 进行编写,在对应的 .js 文件中进行编写,并使用 JSON 文件来配置页面属性。
微信小程序使用类似HTML的标记语言 WXML 来编写页面的结构,使用和 HTML 相似的标签来组织页面内容,同时使用 WXSS 语言编写页面样式。
三、连接ECShop和小程序
1.小程序调用 API 接口获取数据
ECShop 开发者平台提供了 API 接口,只需要将 API 接口的 URL 地址写入小程序对应页面的js文件中,在这个 URL 地址的基础上进行开发即可。
2.小程序与ECShop网站对接
可以使用小程序指引给出的请求 header 信息,将用户端小程序请求传递给ECShop网站的后端,后端处理后返回数据给小程序。
ECShop 开发者平台还提供了微信支付接口以及客户端下单 API 接口等功能,能够将小程序的订单与 ECShop 店铺的订单进行对接。
通过以上介绍,可以使用 ECShop 开发微信小程序,实现对 ECShop 方面的信息进行展示和处理。