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

一、什么是微信小程序

小程序是一种无需下载安装,即可使用的手机应用。只需要扫描二维码,或是搜一搜,就能立即使用。
与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。
接口逻辑为:本地自定义新建文件夹,然后判断接收到的文件是否为空,不为空则存到该文件夹下,然后把路径保存到数据库的表里。若为空则返回错误提示

至此,例子结束。

四、上传发布审核上线

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

输入相关版本号确定之后可以在微信小程序后台管理处看到提交的版本。

提交完之后进入审核中,一般一两天就能查看审核结果,通过审核之后,就可以搜到小程序了。

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

  1. 微信小程序开发文档和开发工具放出破解版-亲测可用

    废话不多说,直接上衔接 1,微信小程序开发文档 现阶段最全的开发文档了 http://wxopen.notedown.cn/api/notice.html 2,开发工具 https://github. ...

  2. 微信小程序开发文档-小程序配置 /全局配置

    # 全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置.文件内容为一个 JSON 对象,有以下属性: # 配置项 属性 类型 必填 描述 最低版本 entryPagePat ...

  3. 微信小程序 开发文档

    官方开发文档: 小程序公众平台 小程序开发者指南 小程序开发者文档 学习资源: 微信:官方入门教程 微信:WeUI 是一套同微信原生视觉体验一致的基础样式库 微信:微信小程序示例 视频: 学堂在线:学 ...

  4. 学习微信小程序开发文档总结

    1.认识微信小程序 1.完成小程序注册 微信公众平台 (qq.com)根据步骤进行小程序注册,最终获得一个AppID,下载开发者工具,安装后建立第一个小程序项目,填入AppID,才可通过微信扫码进行真 ...

  5. 微信小程序开发文档(4)

    微信小程序开放接口: 收货地址 Card卡券 调起客户端小程序设置界面 获取用户过去三十天微信运动步数 打开小程序 获取发票抬头 微信小游戏开发能力: 用户授权开放能力 用户登录态签名 二维码开放能力 ...

  6. 微信小程序开发文档——开放能力

    开放能力 open-data (用于展示微信开放的数据.) web-view(web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面.个人类型与海外类型的小程序暂不支持使用.) ...

  7. 微信小程序开发文档——地图

    地图 map map 属性名 类型 默认值 说明 最低版本 longitude Number   中心经度   latitude Number   中心纬度   scale Number 16 缩放级 ...

  8. 微信小程序开发文档链接

    https://developers.weixin.qq.com 转载于:https://www.cnblogs.com/QGqiezi/p/9316130.html

  9. 微信小程序开发文档官方

    原文地址:https://developers.weixin.qq.com/miniprogram/dev/component/view.html

最新文章

  1. Java常用的垃圾收集器_JVM垃圾收集算法及常用垃圾收集器
  2. leetcode 高薪_利用两种不同的方法解LeetCode第1312题:让字符串成为回文串的最少插入次数
  3. linux查看允许创建多少个进程,Linux下查看某个进程创建了多少线程
  4. [cb]SceneView 获取鼠标位置
  5. 我可以在目录中放入多少个文件?
  6. tensorflow之线性回归
  7. [学习笔记] vim使用大全 [转]
  8. (超长)讨论关于允许物料负库存的利与弊...
  9. win10专业版开机画面模糊_新买电脑看起来有点糊?一招教你解决Win10屏幕模糊问题...
  10. 用Tornado实现web聊天室(前端采用vue+bootstrap)
  11. C# GDI+ 时钟表盘
  12. Qt添加分割线(很简单的方法)
  13. 模拟不同系统不同浏览器
  14. 华为鸿蒙系统建立生态链的环境,华为自研操作系统,怎么构建生态?感觉太难了?...
  15. 遥感影像如何进行标准分幅,或者如何获取分幅图幅号分幅图廓矢量?
  16. springboot在项目启动时加载字典表数据进map内存,真实测试通过。
  17. 5G支持下,人工智能除了AI换脸,还能干什么?
  18. 茅山煤矿轶事(三)--拖拉机
  19. 算法 - 希尔排序(Shell Sort)
  20. 计算机基础实践教程期末考试题库,大一 计算机基础 期末考试题库

热门文章

  1. 最新显卡功耗表和官方功耗表
  2. 模拟FPV-肥鲨HDO2+无牙仔2+熊猫VT5804ML1+Foxeer野火 时延测试
  3. 图片格式之间的相互转化
  4. 润和软件受邀参展第十一届“中国软件杯”大学生软件设计大赛
  5. 我把所有的精华文章都整理出来了
  6. geoserver学习(二)图层样式sld点样式
  7. linux设置双屏拼接_Linux设置双屏显示,基于x环境
  8. 盘点多边形战士 Polygon 的扩容解决方案
  9. Android学习笔记-常用的一些源码,防止忘记了
  10. 智慧楼宇中的“黑科技”