Appwrite手机号密码登录

1. 在前端页面中添加手机号和密码输入框，并绑定相应的变量：

<form>
  <label for="phone">手机号：</label>
  <input type="tel" id="phone" name="phone" v-model="phone">

  <label for="password">密码：</label>
  <input type="password" id="password" name="password" v-model="password">

  <button @click="login()">登录</button>
</form>

2. 在Vue组件的methods内添加登录函数，调用Appwrite提供的loginWithPhoneAndPassword方法进行手机号密码登录：

<script>
  import { appwrite } from "@/services/appwrite.js";
  export default {
    data() {
      return {
        phone: '',
        password: '',
      }
    },
    methods: {
      async login() {
        try {
          await appwrite.account.loginWithPhoneAndPassword(this.phone, this.password);
          // 登录成功后跳转到用户主页
          this.$router.push("/user");
        } catch (error) {
          console.error(error);
          alert("登录失败：" + error.message);
        }
      },
    },
  }
</script>

3. 在Appwrite SDK配置中，填写手机号密码登录相关的API endpoint和项目ID：

import * as Appwrite from "appwrite";
const appwrite = new Appwrite();

// 请替换成实际的API endpoint
appwrite.setEndpoint('https://api.example.com/v1');

// 请替换成实际的项目ID
appwrite.setProject('PROJECT_ID');

export { appwrite };