❤️如何使用Serverless平台开发自己的小程序？

本文将讲解如何利用Serverless云平台独自开发自己的小程序。

首先我们了解下传统模式下如何搭建小程序，这也是很开发者在企业中的一般模式：

你会发现按照传统模式开发将耗费大量资源，开发者需要学习大量专业知识，或者需要一个团队才能完成这样的工作。

那么这些资源能不能像手机套餐一样，只需要购买一个套餐即可直接使用这些资源？

答案是可以的，你只需要会一门前端技术，利用Serverless平台即可实现自己的小程序。

现在我们再来看看在Serverless平台下的开发模式：

在这个模式下，你应对的不再是传统的计算机资源，你只需要关注自己的业务即可。

我使用的Serverless平台官网：phoenixbase.cn/

现在我们花5分钟快速完成一个订单列表开发：

第一步：在云数据库新建一个集合

创建集合后，即可在即时API面板进行CRUD操作。

第二步：定义订单对象字段

这里以vue3+TS代码为例。

interface order {
    img: string,//订单主图
    title: string,//标题
    num: number,//数量
    amt: number,//金额
    owner: string,//用户昵称
}
const dataList = ref<order[]>([])

第三步：在即时API面板创建一条数据

当然你也可以通过即时API面板的接口去创建一条数据。

第四步：在小程序页面直接进行查询订单

这里笔者使用的是uniapp框架开发的小程序

1. 获取访问token：

const res = await uni.request({
        url: 'https://******.ap-shanghai.app.tcloudbase.com/getAccessToken_api',
        method: 'GET',
        data: { appId: '***', appSecret: '***' },
        header: {},
    })
console.log(res.data.accessToken)

2.查询订单数据：

const res = await uni.request({
        url: 'https://******.ap-shanghai.app.tcloudbase.com/commonService_api?appId=1RLqhqGZT65',
        method: 'POST',
        data: { params: { db: 'oms_order', type: 'select', pageNum: 1, pageSize: 10, id: '', dynamicObj: {}, accessToken: ****** } },
        header: {},
    })
console.log(res.data)

3.编写Vue3代码：

<view v-for="(item, index) in dataList">
                <card title="新订单">
                    <view class="content">
                        <image :src="item.img" alt="joy"
                            style="width: 70px; height: 70px; border-radius: 4px; margin-right: 12px" />
                        <view>
                            <view>{{ item.title }}</view>
                            <view>数量：{{ item.num }}件</view>
                            <view>金额：{{ item.amt }}</view>
                            <view>买家昵称：{{ item.owner }}</view>
                        </view>
                    </view>
                    <template #footer>
                        <button size="small" plain @click="toDetail">查看详情</button>
                    </template>
                </card>
            </view>

4.查看页面结果：

结语

我们仅仅花了几分钟时间就完成了一个订单列表，即使是初级前端工程师也能轻松完成，开发效率大大提升。

体验地址：phoenix-naive-admin-4cdh95115480-1312175276.tcloudbaseapp.com/

账号密码：guest/123456

星穹云平台采用SaaS模式，只需一次付费，即可拥有一套独立部署的BaaS平台，后续只有网络托管的费用。

咨询或者合作可以联系我：