FinClip 体验如何从 0 到 1 搭建一个属于自己的小程序

Read62990
531 阅读2分钟

20220607135930.jpg 本文正在参与#稀土掘金×凡泰极客小程序体验有奖征文活动#，走进FinClip，轻松实现小程序产品梦。活动指路👉juejin.cn/post/709941…

作为前端开发来说，工作中或多或少也都使用过uni-app、微信开发工具等这些小程序搭建工具，借助本次活动体验一下 FinClip 是怎么工作的，并借助这篇文章分享一下使用心得！

FinClip官网

首先先打开 FinClip 的官方网站看看大概的介绍和使用

image.png

开发工具下载

下载一下 FinClip 开发工具，便于跑个 demo 看看效果 image.png

开发工具界面 image.png

示例下载

直接从官方推荐的小程序应用市场下载一个模版 image.png

我这里下载的是 凡泰外卖 image.png

FinClip 开发工具的使用

打开 FinClip 开发工具，打开刚刚下载的示例模版，编辑器会自动进行编译，并展示预览页面，整个过程还是很快速的，几秒的时间就完成项目的启动。 image.png

这里可以看到整个项目的工程目录结构 image.png

小程序根目录下的 app.json 文件用来对小程序进行全局配置。文件内容为一个 JSON 对象，配置项可参考：小程序配置 image.png

发布小程序

首先要在后台创建小程序，生成appId image.png

在 FinClip 开发工具点击上传 image.png

发布成功过后，在后台 => 小程序管理 => 我的小程序 => 小程序列表中可以查看小程序信息 image.png

增加体验版本，使用 FinClip App 扫码查看 image.png

FinClip App 扫码预览页面 image.png

这样就完成了一个小程序的搭建了，总体来说整个过程还是很简单、快速的，希望 FinClip 越做越好吧！

avatar
文章
阅读
粉丝