使用uniapp开发一个微信的电商交易平台

本文使用uniapp开发一个微信的电商交易平台。

一、涉及以下技术：

1、yesApi接口平台；https://open.yesapi.cn/?r=Pay/Index

2、uniapp开发；https://uniapp.dcloud.net.cn/api/

3、微信小程序开发者平台；https://developers.weixin.qq.com/miniprogram/dev/framework/

4、微信公众平台：https://mp.weixin.qq.com/?token=&lang=zh_CN

5、github代码，有前端微信小程序，也有后端vue代码；https://github.com/yesapicn

6、weui的css：https://www.kancloud.cn/ywfwj2008/weui/274287

二、业务介绍：

1、默入进入login页面，使用微信登录并存储用户信息，跳转至首页index 浏览商品；

2、首页index 可点击查看商品详情，实现购物车和购买等操作；

3、【我的】页面查看 我的订单和我的购物车。

三、代码改写：

将微信小程序商城的代码，改写为uniapp代码。

1、app.vue存储密钥，微信登录信息等全局变量：

2、全局导入使用weui.css，官网地址可在第一大点第6点查看。

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  return {
    app
  }
}

3、跑通代码地址如下：

四、微信打包：

1、需要manifest.json配置小程序AppID；

2、点击【发行-小程序微信】，跳转至微信小程序上传代码；

3、在uniapp点击【发行-小程序微信】，即可跳转到微信小程序上传代码

4、request合法域名配置：

在以上页面配置https地址后，在微信小程序客户端刷新就可以看到域名信息啦。