开发了一款小程序

开发小程序

写在前面:这是学习了若愚老师的课程开发的一款翻译小程序,为什么选择了小程序,是因为在此之前,对于小程序开发是基本上没有去了解过,借此机会,也是希望能熟悉一下小程序的一些项目开发流程。

以下是此款小程序的主要功能和界面:

首页:

首页

首页功能:翻译、复制翻译结果、清空输入框

语言选择:

语言选择

可选择翻译语言

历史:

历史

可查看最近十条翻译历史、点击翻译历史可回到首页继续编辑

这是小程序的入口,非常欢迎提出意见和建议:

小程序入口

代码仓库:GitHub


开发准备

在开发之前,把官方开发文档大概过了一遍,稍微熟悉开发小程序所需的工具、代码构成、框架、组件、API、发布、上线等。

微信公众平台上有很详细的引导教程,包括账号注册、管理平台、开发者工具等。

前期的准备包括:

1.注册账号

2.开发者工具的下载

新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,最后,勾选 "创建 QuickStart 项目" (注意: 你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

然后第一个小程序就跑起来了:

小程序


开发过程

因为之前一直在学习 Vue,所以在小程序的开发过程中,倒也没有遇到什么特别的困难。

代码结构和语法方面,虽然和 Vue 不同,但是都差别不大,有 Vue 基础的话,小程序的开发还是比较好上手。

翻译功能使用了百度翻译提供的 API : http://api.fanyi.baidu.com/api/trans/product/apidoc;

保存和展示翻译历史信息使用了微信的 API :wx.setStorageSyncwx.getStorageSync;

复制翻译信息使用了微信的 API :wx.setClipboardData


收获

这款小程序相当于入门级别,浅尝辄止,就不继续深入下去了。

花个一两天时间了解了关于小程序开发的一些基本内容,也算是一种收获吧。

原文地址:https://www.cnblogs.com/No-harm/p/9970655.html