小程序api

mpvue接入腾讯地图sdk

泪湿孤枕 提交于 2019-11-30 11:57:42
#网页端 1、在腾讯地图api里注册获取key 2、在key管理中设置为下图1 3、在头部导航产品–>微信小程序开发–>微信小程序JavaScript SDK–>入门及使用限制–>下载微信小程序JavaScriptSDK #代码端 1、项目注入依赖 npm install --save minapp-api-promise 2、把下载好的微信小程序JavaScriptSDK引入项目中自定义的文件夹中 3、在需要使用地图api的页面引入JavaScriptSDK 4、在onLoad生命周期中初始化sdk, qqmapsdk = new QQMapWX({ key: '这里是地图上申请获取的key' }); 5、调用方法时, qqmapsdk.** 6、需要在小程序官网上去添加apis.map.qq.com,见图2 来源: https://blog.csdn.net/weixin_41193639/article/details/101346361

小程序的openid和公众号的openid是否一致

人盡茶涼 提交于 2019-11-30 09:42:09
早期的产品只用了公众号,没有注册开放平台(没有unionid)。然后现在需要上线小程序,这种情况下,企业是同一个企业的,但是公众号的openid和小程序的openid是否一致呢? 我来回答你这个问题: 同一个用户在小程序和公众号的下的两个openid肯定不一样 如果小程序和公众号都绑定在同一个开放平台账号下的话,用户在小程序和在公众号下的unionid是一样的 如果先有公众号并且积累了大量粉丝,然后才有的小程序,然后想在小程序下也能识别公众号粉丝怎么办呢? 首先将公众号和小程序关联到同一个开放平台账号 通过API将公众号粉丝列表全部拉一遍,同时计算这些粉丝的unionid并保存起来 用户进入小程序时计算unionid,然后根据之前保存的公众号粉丝unionid的数据映射过去就好了 说句题外话,微信为什么要设计出用户对几个号的openid不一样的机制呢?想象一下如果一样会怎么样,几个大号把自己的粉丝openid一串就把整个微信的用户ID摸透了,换做你是平台建设者你能忍吗? 来源: https://www.cnblogs.com/panchanggui/p/11577066.html

微信小程序跳转微信小程序

若如初见. 提交于 2019-11-29 18:36:40
以前小程序跳小程序直接通过api调用跳转即可,但在2018.11.1下午微信公众平台通知需做navigateToMiniProgramAppIdList配置,否则无法提交审核 配置要跳转的微信小程序id ,最多不能超过10个 每个小程序可跳转的其他小程序数量限制为不超过10个,而且跳转appid必须在配置列表中,负责回调 fail appId "${appId}" is not in navigateToMiniProgramAppIdList "navigateToMiniProgramAppIdList": [ "wx8abaf00sd8fsdfsdfs", "wx9db2c16d0633c3r9" ], " 一、通过navigator标签跳转 <navigator target="miniProgram" open-type="navigate" app-id="wx9db2c16d0633c3r9" extra-data="{{ data }}" version="release"> <view>跳转微信小程序</view> </navigator>> target: 跳转目标 app-id 要打开的小程序id path: 打开的页面路径(如果为空则打开首页) version: develop(开发版)、trial(体验版)、release(正式版) 二、通过事件跳转 wx

小程序webview实践

自古美人都是妖i 提交于 2019-11-29 18:10:47
小程序webview实践 -- 张所勇 大家好,我是转转开放业务部前端负责人张所勇,今天主要来跟大家分享小程序webview方面的问题,但我并不会讲小程序的webview原理,而我主要想讲的是小程序内如何嵌入H5。 那么好多同学会想了,不就是用web-view组件就可以嵌入了吗,是的,如果咱们的小程序和H5的业务比较简单,那直接用webview接入就好了,但我们公司的h5除小程序之外,还运行在转转app、58app、赶集app等多个端,如何能实现一套代码在多端运行,这是我今天主要想分享的,因此今天分享更适合h5页面比较复杂,存在多端运行情况的开发者,期待能给大家提供一些多端兼容的思路。 下面我先跟大家介绍下今天演讲主要的提纲。 小程序技术演进 webview VS 小程序 h5多端兼容方案 小程序sdk设计 webview常见问题 1 转转小程序演进过程 相信在座的很多同学的产品跟转转小程序经历了类似的发展过程,我们转转小程序是从去年五月份开始开发的,那时候也是小程序刚出来不久,我们就快速用原生语法搭建了个demo,功能很简单,就是首页列表页详情页。 然后我们从7月份开始进入了第二个阶段,这时候各种中大型公司已经意识到了,借助微信的庞大用户群,小程序是一个很好的获客渠道,因此我们也从demo阶段正式的开始了小程序开发。 那时候我们整个团队从北京跑到广州的微信园区里面去封闭开发

云开发之微信垃圾分类查询指南小程序(含源码)分享

怎甘沉沦 提交于 2019-11-29 16:04:20
云开发之微信垃圾分类查询指南小程序(含源码)分享 前言 垃圾分类小程序分享 前言 从8月开始,上海实施垃圾分类起,各类平台关于垃圾分类的小程序也逐渐引入市场,不论是从企业,个人,政府都有不同的对垃圾分类的小程序,从最近的小程序搜索指数来看,垃圾分类这个词仍然是久盛不衰。 垃圾分类小程序分享 今天分享一款猫贝垃圾分类小程序 扫码打开演示 演示图 3. GitHub地址 4. 安装方法 小程序需要使用到云开发内容,请开通云开发;不了解小程序云开发请 访问文档 。 关于云函数及云数据库: 数据库:存储四种垃圾分类的相关垃圾数据, 创建表sort,product。把sort.json 和product.csv 导入云数据库即可。 云函数:获取百度识别库的accessToken, 百度AI识别库地址 AI地址 修改key 1.小程序key 在文件project.config.json->appid 记住创建小程序的时候选择云开发,或检查cloud是否为true; 2.百度key 主要做拍照识别的cloudfunctions->baiduAccessToken->index->apiKey和secretKey 此处替换为:API Key 和 Secret Key 3.智能询问采用ai.qq 的智能闲聊接口 key在pages->android->qa->app_id和appKey 感谢支持。

微信小程序拍照识别垃圾分类|垃圾分类查询小程序|拍照识别垃圾分类小程序

☆樱花仙子☆ 提交于 2019-11-29 15:54:04
微信小程序拍照识别垃圾分类|垃圾分类查询小程序|拍照识别垃圾分类小程序 微信小程序拍照识别垃圾分类查询小程序|拍照识别垃圾分类小程序 最近全中国人都在讨论一件事情那就是垃圾分类! 从上海开始到全国46个城市试点垃圾分类提上日程似乎已经板上钉钉 垃圾分类会激发多大的市场?哪些相关产业值得关注? 全产业链均受益,湿垃圾市场增量最大 具体来说,可回收物 有害垃圾 易腐垃圾其他垃圾 但是具体的一个垃圾属于什么垃圾我们还是不清楚,接下来我们就来写一个拍照可以识别垃圾分类的微信小程序 先上效果: 我们小程序要用到的组件就是微信小程序的拍照功能,那么就要调用手机的摄像头 调用手机的摄像头拍照组件 camera 基础库 1.6.0 开始支持,低版本需做兼容处理。 系统相机。扫码二维码功能,需升级微信客户端至6.7.3。需要用户授权 scope.camera。 相关api:wx.createCameraContext Bug & Tip tip: 同一页面只能插入一个 camera 组件 tip:请注意原生组件使用限制 tip:onCameraFrame 接口根据 frame-size 返回不同尺寸的原始帧数据,与 Camera 组件展示的图像不同,其实际像素值由系统决定 页面wxml: <view class='camera-box'><camera device-position="back"

Day 16

瘦欲@ 提交于 2019-11-29 04:59:38
1.今日任务 (1)今天,我们制作了登陆注册时设置密码的细节,我们区分了第一次注册和忘记密码,制作了重置密码的页面,以及获取验证码的细节,验证成功后,用户即可用新的密码登陆来进行下一环节的操作。同时我们今天本来想将骑手和普通用户的个人页面区分开,但是想到骑手也有可能想要进行订餐而且要和普通用户具备同样的功能,我们就只是在个人中心的页面增加了骑手的相关内容。 (2)今天我学习了小程序的API的请求服务器数据部分,里面用到了wx.request这样的接口,它是可以发起http请求,但同时只能有5个网络请求连接。我们在之前的代码里用到了里面的一些内容,比如url,data,header等,但当时还不太了解,今天做了一个深度的学习。 2.今日小结 今天我们也是一边完善小程序的前端内容,一边进行后端开发。每天也在寻找小程序需要完善的细节,同时我们做一些修改,希望可以把小程序制作的更精美一些。 3.明日计划 今天我学习了小程序API的相关内容,决定明天载学习它媒体的相关部分,因为文件的上传和下载还需要用到媒体相关的部分。我们小组接下来要进行一个小的分工一个人继续写前端,一个人进行后端提供数据,这样可以加快进程。 来源: https://www.cnblogs.com/sakanao/p/11455553.html

微信小程序入门教程

℡╲_俬逩灬. 提交于 2019-11-28 21:58:18
首先请看demo 很简单的静态js就可以实现一款小程序开发。 js、json、html、css四个核心文件 序言 开始开发应用号之前,先看看官方公布的「小程序」教程吧!(以下内容来自微信官方公布的「小程序」开发指南) 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志。 获取微信小程序的 AppID 首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的 AppID。 利用提供的帐号,登录 https://mp.weixin.qq.com ,就可以在网站的「设置」-「开发者设置」中,查看到微信小程序的 AppID 了。 注意:如果我们不是用注册时绑定的管理员微信号,在手机上体验该小程序。那么我们还需要操作「绑定开发者」。即在「用户身份 - 开发者」模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。 创建项目 我们需要通过开发者工具,来完成小程序创建和代码编辑。 开发者工具安装完成后,打开并使用微信扫码登录。选择创建「项目」,填入上文获取到的 AppID,设置一个本地项目的名称(非小程序名称),比如「我的第一个项目」

小程序工作原理浅析

陌路散爱 提交于 2019-11-28 13:41:51
  作为一名前端开发人员,在小程序随处可见的现在,如果还不会小程序,是不是就有点OUT了呢??接下来,已经做过几款小程序的Sophia就给大家分享一下自己对小程序原理的一些看法。 一、小程序是什么?   2016年,“微信之父”张小龙在微信公开课上向大家介绍了小程序,他说:小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,但又无需安装卸载。 二、小程序与普通网页开发的区别   1、普通网页开发     网页开发渲染线程和脚本线程是互斥的,开发者可以使用到各种浏览器暴露出来的 DOM API,进行 DOM 选中和操作;而且​网页开发者需要面对的环境是各式各样的浏览器,PC 端需要面对 IE、Chrome、360、Firefox等浏览器,在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。   2、小程序     渲染层和逻辑层是分开运行在不同的线程当中,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象,因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。同时 JSCore 的环境同 NodeJS 环境也是不尽相同,所以一些 NPM

微信小程序选择位置接口wx.chooseLocation

☆樱花仙子☆ 提交于 2019-11-28 09:31:59
一、微信小程序位置接口wx.chooseLocation 本接口使用简单,用户用户通过腾讯地图选择一个位置。 本接口能获得选择位置的简称,全称,以及坐标。 //选择地址 wx.chooseLocation({ success: function(res) { console.info(res); }, }) 容易混淆的接口wx.chooseAddress 本接口用于获取用户的收获地址信息。 官方API参考 更多: 微信小程序使用加速计实现摇一摇功能(一) 小程序Canvas绘制图片太大,自动闪退,安卓会有crash问题 小程序Canvas生成图片draw()出现黑屏问题/不完整,安卓概率大 来源: oschina 链接: https://my.oschina.net/u/2332115/blog/3016790