uni.request的使用

Author: lang1427

mt_nuxt214/package-lock.json

@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
+    "@koa/cors": "^5.0.0",
     "@koa/multer": "^3.0.2",
     "@nuxtjs/axios": "^5.3.6",
     "cheerio": "^1.0.0-rc.12",

mt_nuxt214/package.json

@@ -7,7 +7,7 @@ const user_router = new Router({
 const Redis = require("ioredis")
 const redis = new Redis()
 
-const { isEmail } = require('methods-util/dist/node/methods_util.cjs')
+const { isEmail,isStrictMobile } = require('methods-util/dist/node/methods_util.cjs')
 const { aesEncode, aesDecode, SmtpServer, createSlat, hash256, formatDate } = require('../util')
 
 user_router.post('/signup', async ctx => {
@@ -274,4 +274,52 @@ user_router.post('/change/password', async ctx => {
     }
 })
 
+
+// 移动平台
+user_router.post('/m_signin',async ctx =>{
+    let { user, password } = ctx.request.body
+
+    if (!user || !password) {
+        return ctx.body = {
+            code: -1,
+            msg:"账号和密码不能为空"
+        }
+    }
+
+    if (!(isEmail(user) || isStrictMobile(user))) {
+        return ctx.body = {
+            code: -1,
+            msg:"不是一个有效的账号"
+        }
+    }
+
+    try{
+        let userRes = await ctx.state.$mysql.query(`select slat from mt_users where email="${user}" or iphone="${user}"`)
+
+        if (userRes[0].length == 0) {
+            let createTime = parseInt(Date.now() / 1000)
+            let nickname = `NF` + parseInt(Math.random() * 1e10)
+            // 加盐加密
+            let slat = createSlat()
+            let pwd = hash256(slat + password)
+        
+            const [rows] = await ctx.state.$mysql.execute(`INSERT INTO mt_users (username,${user.includes('@') ? 'email' : 'iphone'},password,slat,grade,create_time) VALUES (?,?,?,?,?,?);`, [nickname, user, pwd, slat, grade, createTime])
+            if (rows.affectedRows === 1) {
+
+            }else{
+                return ctx.body = {
+                    code:-1,
+                    msg:"无效账户~账号注册失败"
+                }
+            }
+        }
+
+        return ctx.body = {
+            msg:"登录流程"
+        }
+    }catch(err){
+        console.log(err)
+    }
+})
+
 module.exports = user_router

mt_nuxt214/server/api/user.js

@@ -4,11 +4,13 @@ const session = require('koa-generic-session');
 const redisStore = require('koa-redis');
 const consola = require('consola')
 const { Nuxt, Builder } = require('nuxt')
+const cors = require('@koa/cors');
 
 const mysql = require("mysql2/promise")
 const CONF = require('./conf')
 
 const app = new Koa()
+app.use(cors());
 
 app.use(async (ctx, next) => {
 

mt_nuxt214/server/index.js

@@ -0,0 +1,16 @@
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+     	"default" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"mp-weixin" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"type" : "uniCloud"
+     }
+    ]
+}

mt_uniapp/.hbuilderx/launch.json

@@ -9,7 +9,7 @@
           <text class="search-text">请输入商家名、品类或者商圈</text>
           <text class="search-btn">搜索</text>
         </navigator>
-        <navigator hover-class="none" class="normal" url="/">
+        <navigator hover-class="none" class="normal" url="/pages/login/login">
           <text class="iconfont icon-user">&#xe62e;</text>
         </navigator>
       </view>

mt_uniapp/src/pages/index/index.vue

@@ -4,7 +4,7 @@
 
     <view class="wrapper">
       <view :class="['email-num-wrapper',focus_val == 'email' ? 'active' : '']">
-        <input class="email-num-input" v-model="email" type="email" placeholder="请输入邮箱" autocomplete="off" @focus="InputFocus('email')" @blur="focus_val=''"/>
+        <input class="email-num-input" v-model="email" type="email" placeholder="请输入邮箱/手机号" autocomplete="off" @focus="InputFocus('email')" @blur="focus_val=''"/>
         <text class="iconfont clear-input" @click="email=''" v-show="!!email">&#xe60e;</text>
       </view>
       <view :class="['verify-code-wrapper',focus_val == 'pwd' ? 'active' : '']">
@@ -14,11 +14,14 @@
         <navigator class="retrievepassword" hover-class="none" url="/pages/useraccount/retrievepassword">忘记密码</navigator>
       </view>
       <text class="account-tip" v-show="!!accountTip">{{ accountTip }}</text>
-      <button class="login-btn" hover-class="none" type="default" @click="login">登录</button>
+      <button class="login-btn" hover-class="none" type="default" :disabled="!email || !pwd" @click="login">登录</button>
+	  <text class="signup-tip">未注册的邮箱/手机号验证后自动创建美团账户</text>
       <view class="user-confirm">
-        <text class="confirm-tip">请先阅读并勾选用户协议</text>
+        <text class="confirm-tip" :style="confirmTipStyle">请先阅读并勾选用户协议</text>
         <view class="confirm-wrapper">
-          <label><checkbox style="transform:scale(0.7);" value="cb" activeBackgroundColor="#ffd100" color="#ccc" /></label>
+		  <checkbox-group @change="handleCheckboxChange">
+          	<label><checkbox style="transform:scale(0.7);" value="license" activeBackgroundColor="#ffd100" color="#ccc" /></label>
+		  </checkbox-group>
           <view class="confirm-text">
             <text>我已阅读并同意</text>
 			<text @click="gotoView('https://rules-center.meituan.com/m/detail/4')" style="color: #3488ff" >《美团用户协议》、</text>
@@ -37,11 +40,22 @@ export default {
     return {
       accountTip: "", // 邮箱或密码错误，请重新输入
       showPassword: true,
+	  readLic: false,
+	  checkLic:false,
 	  focus_val: "",
 	  email: "",
 	  pwd: ""
     };
   },
+  computed:{
+	confirmTipStyle(){
+		if(this.readLic == false){
+			return "visibility: hidden;"
+		}else{
+			return "visibility: visible;"
+		}
+	}
+  },
   methods: {
     changePassword: function () {
       this.showPassword = !this.showPassword;
@@ -54,8 +68,30 @@ export default {
 			url: '/pages/common/webview?url=' + url
 		})
 	},
+	handleCheckboxChange(event){
+		if(event.mp.detail.value.indexOf('license') != -1){
+			this.checkLic = true
+			this.readLic = false
+		}else{
+			this.checkLic = false
+		}
+	},
 	login(){
-		
+		if(!this.checkLic){
+			this.readLic = true
+			return false
+		}
+		const requestTask = uni.request({
+			url: 'http://localhost:3000/user/m_signin',
+			method:"POST",
+			data: {
+				user: this.email,
+				password: this.pwd
+			},
+			success: function(res) {
+				
+			}
+		});
 	}
   },
 };
@@ -110,6 +146,14 @@ export default {
 		.login-btn{
 			margin-top: 80rpx;
 		}
+		.signup-tip{
+			margin-top:24rpx;
+			font-size:24rpx;
+			color: rgba(0,0,0,0.50);
+			display: inline-block;
+			width: 100%;
+			text-align: center;
+		}
 		.user-confirm{
 			.confirm-tip{
 				display: inline-block;