小程序保存图片功能实现 wxml: <view class="previewImage" style="display:{{previewImage}}" bindtap="closePrev"> <image src="{{img.url}}" mode="aspectFit" style="width:100%;height:100%;" catchlongtap=

问题:base64图片不能直接用wx.saveImageToPhotosAlbum保存到手机相册 解决: 先用fs.writeFile写入本地文件,再wx.saveImageToPhotosAlbum保存到手机相册 saveimg:function(){ var _this=this //获取文件管理器对象 const fs = wx.getFileSystemManager() //文件保存路径 const Imgpath = wx.env.USER_DATA_PATH + '/qrcodeI

最近开始负责公司webapp数据打通支付宝小程序,之前已经打通了微信小程序,现在根据支付宝小程序的开发文档在之前的模板上面做修改. 在修改模板的过程中,总结一下双方功能和语法糖的不同之处. 框架: app.json 配置列表 支付宝小程序 微信小程序 window 属性 支付宝小程序 微信小程序 tabBar 属性 支付宝小程序 微信小程序 事件绑定:微信绑定事件用的是 bind 前缀, 事件名称首字母小写 (例如:bindtap):支付宝绑定用 on 前缀,事件名称首字母大写(例如:onTap

本文实例讲述了微信小程序实现图片上传.删除和预览功能的方法,分享给大家供大家参考,具体如下: 这里主要介绍一下微信小程序的图片上传图片删除和图片预览 1.可以调用相机也可以从本地相册选择 2.本地实现微信小程序的上传照片.预览照片的功能 3.利用wx.chooseImage方法 4.附带了一些表单样式(可以忽略) 代码如下 wxml文件 <view class="numberInfo"> ** 信息录入</view> <view class="c

支付宝小程序serverless---获取用户信息(头像)并保存到云数据库 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 我又回来了,这是我第三次修改啦. 使用serverless 首先我们需要在app.js里面引入serverless 然后再在我们的逻辑代码里面调用登录的接口 获取用户授权 先获取用户授权的接口 这个是支付宝文档的地址:https://opendocs.alipay.com/mini/api/openap

目录 一.样式中如何使用background-image呢? 二.使用自适应单位rpx类似于rem,布局尽量使用flex布局 三.万能的{{双大括号,用于在模版中输出变量 四.你想要的基础组件和API,微信的mina框架和通用API都给你准备好了 五.使用wepy框架,这里没有click,只有tap,longpress和touchend等等 六.使用wepy框架全局的东西都可以丢到app.wpy中,如globalData 七.异步更新数据后记得调用this.$apply()更新视图 八.使用we

起源:最近小程序需要涉及到一些推广方面的功能,所以要写一个动态生成二维码用户进行下载分享,写完之后受益良多,特此来分享一下: 一.微信小程序动态生成保存二维码 wxml: <view class='second-code'> <view class="img-box"> <image bindtap="previewImg" mode="scaleToFill" src="{{imagePath}}&quo

代码地址如下:http://www.demodashi.com/demo/14453.html 前言 最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在github上看了一些例子,一般剪裁图片用的都是方形,所以自己打算写一个小组件,可以把图片剪裁成圆形,主要思路就是使用canvas绘图,把剪裁的图片绘制成圆形,另外剪裁图片的窗口还可以移动放大缩小,这个功能就用了微信组件movable-view,好了,该说的也说完了,下面咱们开始撸代码. movable-v

前边介绍过通过配置支付宝Scheme协议alipays://来实现h5到小程序的跳转,其实还可以获取小程序页面的https格式链接,虽然支付宝官方并没有直接提供方案,但是通过小程序后台的“码管理”给页面生成二维码来曲线获取. 码管理: 支付宝小程序的码管理,可以通过配置来生成指定页面(可以带参数)的二维码,扫描之后就能直接调起支付宝并打开指定的小程序页面. 手机支付宝扫描二维码可以看到,会先出现一个空白的过渡页面(访问h5页面那种),然后再打开小程序,那么就是这中间应该是有一个alipays:/

如果是微信小程序开发,请参考微信小程序室内地图导航开发-微信小程序JS加载esmap地图文章 一.在支付宝小程序里显示室内三维地图 需要满足的两个条件 调用ESMap室内地图需要用到小程序web-view组件,想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件: 1. 小程序是企业主体,支付宝 web-view 组件不对个人类型的小程序开放. 2. 您需要有一个自己的域名,在嵌入网页的时候需要在支付宝后台验证域名(只有自己域名下的网页才能被正确地显示哦,不能随便找一个公开

支付宝小程序云开发serverless----获取用户的user_id 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 开通云调用功能 在阿里云平台的serverless的扩展能力里面开通云调用功能,如果没有开通的话,后面调用函数会出错. 启动云调用 文档地址 https://opendocs.alipay.com/mini/cloudservice/bhl5vx 安装云调用的sdk 在小程序项目的根目录执行以下命令安装SD

关于.acss文件 在视频中已经说过了,小程序的设计思想和原生app的设计思想颇为相似,基本的应用单元为页面.当然对于一个页面来说每一个元素的放置位置在哪儿以及显示成什么样子这个是由样式来决定的.我们知道在web开发中样式是在css文件中规定的,叫做层叠样式表 (Cascading Style Sheets).其实在APP中样式的约束也是使用css,在支付宝小程序中也是使用css不过文件的后缀是.acss而且对css3进行了扩充而已. CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化

前言: 本文仅汇总微信小程序移植支付宝小程序过程中遇到的一些不同的地方,详细请参考官方开发文档. 网络请求: 对于网络请求,基本上改动不大,也就支付宝小程序没有responseType属性及响应码字段改成了status. 用户授权登录: 1. 登录: wx.login ====  my.getAuthCode wx.checkSession ==== 无(需后端接口验证) 缓存: 以常用的 wx.getStorageSync() 为例,先看微信的代码: wx.setStorageSync("id

移植背景: 1. 支付宝小程序开发文档只了解了大致框架,跑了demo,具体Api.组件没太多了解: 2. 已有微信小程序,移植支付宝小程序做预研(主要针对授权登录.支付等功能). 3. 移植的微信小程序属小型项目,页面8个,组件两个.首页功能性较强,集成了主要的业务处理逻辑,涉及登录.获取用户手机号码.获取定位信息.下单.支付.查看卡券等功能. 移植用时: 大致2小时,基本完成前端移植(控制台无报错,接口正常调用,用户登录授权需等后端接口改造,具体页面和流程需待后端相关接口改造后再行调试验证)

支付宝小程序自定义弹窗组件wcPop|小程序自定义对话框|actionSheet弹窗模板 支付宝小程序官方提供的alert提示框.dialog对话框.model弹窗功能比较有限,有些都不能随意自定义修改的.如是自己就捯饬着封装了个支付宝小程序自定义弹窗插件wcPop,多种展示场景,随意修改调用. 自定义的小程序弹窗采用了全新的模板布局,极简的api调用方式,同时解决了自定义弹窗出现时,蒙层下的页面仍可以滚动的问题. 在原始功能的基础上,新增了跟随定位弹窗.上下左右弹窗.弹窗swipe滑动功能 先

技术选型 对于习惯react语法的开发者来讲,RN是实现native的必备工具. 我们甚至可以屏蔽官方稳定而强大的配置层,直接上手开发. 而后,同为表层React语法的Rax.Taro这样的开源多端开发框架的兴起,让react开发人员得以不必在多端投入更高的成本.反过来,只要有足够的移动端开发经验(主要体现在多端机型兼容这方面),那么这些开源的多端框架就会成为你手中的神器,让你几乎零成本get到碎片化多端开发技能. Taro相对于Rax的优势是,在国内的开源社区更为活跃(论中文文档的重要性),集

最近一段时间在做小程序项目,第一期功也完工了.需要好好总结一下经验,把项目中遇到的问题好好总结一下,遇到的问题,踩过的坑.今天写一个小程序实现图片上传,预览,以及删除,图片base64位处理.下面就是展示的效果 1页面布局 <view class='question-images'> <view class='images-wrap'> <block wx:for="{{imagesList}}" wx:key="id"> <

支付宝小程序和微信小程序之间的互相转换 1.首先是文件名 微信小程序 wxss ------ 支付宝小程序 acss 微信小程序 wxml ------ 支付宝小程序 axml 2.调用方法前缀 微信小程序 wx. ------ 支付宝小程序 my. 3.网络请求 3.1 返回的状态值 微信小程序 res.statusCode 支付宝小程序 res.status 3.2 header传参 微信小程序 header 支付宝小程序 headers 这一点特别需要注意!!! 4.指令.点击事件等 微信

前言: 需要对城市区号进行判断,但是支付宝小程序提供的my.getLocation() API返回的数据中只有6位的城市行政代码,诸如:深圳(440300),并没有区号(0755),那么怎么办呢? 需求分析: 通常会想到两种方法,一个是调用第三方地图,但这个对接调用就太麻烦了(还得注册账号),另一种就是找插件转换了. 第一种方法就不考虑了,第二种么,百度了下,貌似没有这种插件,鉴于之前做过不少接口文档或这表格数据转换js格式数据或者标签的小工具,想了下原理都差不多,索性自己做了个工具进行转换.

背景 最近项目需要上线支付宝小程序,同时需要走用户的授权流程完成用户信息的存储,以前做过微信小程序的开发,本以为实现授权的过程是很简单的事情,但是再实现的过程中还是遇到了不少的坑,因此记录一下实现的过程 学到的知识 支付宝开放接口的调用模式以及实现方式 支付宝小程序授权的流程 RSA加密方式 吐槽点 支付宝小程序的入口隐藏的很深,没有微信小程序那么直接了当 支付宝小程序的开发者工具比较难用,编译时候比较卡,性能有很大的问题 每提交一次代码,支付宝小程序的体验码都要进行更换,比较繁琐,而且loca

作为首次“全面上云”的双11,阿里云征服了每秒订单峰值54.4万笔的世界新记录.正是在阿里云的保驾护航下,即使访问量是平时的5到6倍,小程序也鲜少出现卡顿或者宕机的现象,“依靠阿里云,我们整个天猫双11活动平稳落地.”一位小程序商家说到. 要问支付宝小程序商家本次“天猫双11”最大的感触是什么,许多人回答了两个字:“涨”和“稳”. 用户数在涨.订单量在涨.收藏量在涨…尽管双11的主战场在天猫,但支付宝端内的小程序商家们也乘着“双11”的东风,通过中心化与去中心化相结合的自运营模式,收获一条陡峭的