启动商城移动端

简介

mms-malls ，的移动端是采用uni-app x 是下一代 uni-app，跨平台应用开发引擎，使用了最新的UTS语言，实现了安卓、IOS、鸿蒙、微信小程序真正原生编译性能优越。

uts优点

在Android平台编译为kotlin、在iOS平台编译为swift、在鸿蒙next平台上编译为ArkTS、在Web和小程序平台编译为js，做到真正的原生项目,更多的教程请前往官方uni-app-x

获取代码

在项目的 mms-malls 下的 mms-mall-uni-x 便是移动端的工程源码。

启动项目

• 使用 HBuild X 最新版本：下载地址

• 导入软件,选择运行

这里以小程序为例，如果没有小程序开发者权限的可以运行 网页版，运行到 内置浏览器

效果

接口环境配置

common.uts: 项目内置会自动选择开发环境和生成环境

const common = {
	/**
	 * 项目配置
	 */
	configInfo: () => {
		const config = {
			// 开发环境
			development: "http://localhost:8090",
			// 生产环境
			production: "https://api.sxpcwlkj.cn",
			// 项目名称
			name: "MMS商城",
			logo: "https://sxpcwlkj.oss-cn-beijing.aliyuncs.com/mmsMall/logo.png",
			// 用户协议   路由 ps: 'pages/article/article?id=1'
			agreementId: "1",
			// 隐私政策   路由 ps: 'pages/article/article?id=1'
			privacyId: "2",
		}

		return config
	}
}
export default common;

核心工具类

• uni_modules

•      mms-unix
  

•           components
  

•                 mms-tools
  

mmsUnix.uts

全局挂载

main.uts,实现$mms全局挂载，任意页面 调用 mmsUnix.uts 内tools 对象的所有方法。

this.$mms.isLogin()

this.$mms.href("/son_me/login/login");

import App from './App.uvue'
import mmsUnix from "@/uni_modules/mms-unix/components/mms-tools/mmsUnix.uts"

import { createSSRApp } from 'vue'
export function createApp() {
	const app = createSSRApp(App);
	app.config.globalProperties.$mms = mmsUnix;
	return {
		app
	}
}