微信小程序开发文档及文件上传示例(JAVA)

微信小程序开发文档及文档上传示例

一、什么是微信小程序

小程序是一种无需下载安装,即可使用的手机应用。只需要扫描二维码,或是搜一搜,就能立即使用。
与APP不同的是,小程序无需下载安装、无需卸载、用完即走,那么意味着也不占手机内存,此外,也不会主动推送信息骚扰你,只能用户触发

二、如何开发小程序

1.注册小程序

1.1、注册方法
在微信公众平台官网首页(http://mp.weixin.qq.com)点击右上角的“立即注册”按钮。
每个邮箱只能申请一个小程序账号。邮箱作为登陆账号,需填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱
1.2、选择注册的帐号类型
选择“小程序”,点击“查看类型区别”可查看不同类型帐号的区别和优势。
1.3、填写邮箱和密码
请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。
1.4、激活邮箱
登录邮箱,查收激活邮件,点击激活链接。
1.5、填写主体信息
点击激活链接后,继续下一步的注册流程。请选择主体类型选择,完善主体信息和管理员信息。
1.6、选择验证方式(每年300元费用)
第一种.支付验证
第二种.微信认证
(如果只是为了自己开发不上线到的话,直接用下面开发者工具可以直接开发测试,不需要去注册,也不需要缴费,开发者工具支持本人微信连真机调试,也就是只有你能看到,别人搜不到,别人微信扫码也看不到)

2.下载微信开发者工具

2.1、在微信公众平台下载开发者工具[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html]
在这里插入图片描述
2.2、安装,点击下一步至安装完成

2.3、运行微信开发者工具
在这里插入图片描述
需要扫码登录才能进行。

2.4、新建项目
在这里插入图片描述
第三行appid在微信公众平台 开发设置中获取,可不获取
在这里插入图片描述

2.5、新建项目后进入开发页面,开发者工具主要分为五个部分,仿真器(仿真移动设备),编辑器(写代码)、调试器、目录树和工具栏
在这里插入图片描述
可以看到默认工程的目录树主要包含了三个部分,pages目录,utils目录和一些全局的文件。pages里存放的一般是每一个页面,默认工程里包含两个页面,首页index和一个日志页,每个页面由对应的布局样式文件组成。utils主要放一些工具型函数,比如网络请求,在util.js中实现,然后导出,最后再在需要的页面导入就可以使用其中的某些部件。

单个页面结构组成:
.js文件(小程序的主要开发语言是 JavaScript ,开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来完成业务需求)
.json文件( JavaScript Object Notation,是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色)
.wxml文件(WeiXin Markup language,是小程序框架设计的一套标签语言,结合小程序的基础组件、事件系统,可以构建出页面的结构)
.wxss文件(WeiXin Style Sheet,是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果。WXSS与Web开发中的CSS类似。为了更适合小程序开发,WXSS对CSS做了一些补充以及修改)组成

三、浏览微信小程序开发官方文档开发接口

当我们需要调用微信内置接口时,需要去查看官方api,了解是否有我们需要的接口,有的话需要提供哪些参数

1、以文件上传接口为例子。

首先分析需求,
需求:微信好友通过微信把文档发给我,我需要把文档上传至小程序
首先好友通过微信发给我,那么有两种可能,
一是搜索打开本手机文件夹上传到小程序(会有权限安全问题)
二是通过微信好友列表选定好友选定聊天记录进行上传

然后考虑流程
流程:上传文档。但是首先需选择文档,然后上传文档。所以需要至少一个选择文档的api接口,一个上传的api接口

2、打开官方api

有了思路之后,就可以去官方文档查询是否有文档上传接口了。
打开官方api,如下图,搜索我们需要的文档上传接口
在这里插入图片描述

3、搜索结果及接口说明

下图是选择文档接口(推荐把所有api从头到尾浏览一遍,这样以后需要接口的时候会有印象)
在这里插入图片描述

下图是上传文档接口代码示例(网络资源)

在这里插入图片描述

代码中的url为后台对应接口的链接,success为上传成功后回调的方法。Name及formData为业务逻辑用到的业务属性参数,上传者,文档名等参数。
开发者工具测试中需要勾选不校验域名业务域名选项。
在这里插入图片描述
注意:项目实际发布到服务器时,需要在微信公众平台 开发者设置 中进行域名等属性的配置,小程序才能正常运行。

在这里插入图片描述

4、java接口
接下来就是写后端对上传的文件进行处理,也就是上面上传调用的url。
接口逻辑为:本地自定义新建文件夹,然后判断接收到的文件是否为空,不为空则存到该文件夹下,然后把路径保存到数据库的表里。若为空则返回错误提示
在这里插入图片描述
至此,例子结束。

四、上传发布审核上线

编码完之后,可以在开发工具右上角点击上传按钮将代码至微信后台。如下:

在这里插入图片描述

输入相关版本号确定之后可以在微信小程序后台管理处看到提交的版本。
在这里插入图片描述
提交完之后进入审核中,一般一两天就能查看审核结果,通过审核之后,就可以搜到小程序了。

©️2020 CSDN 皮肤主题: 黑客帝国 设计师: 上身试试 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值