支付宝小程序开发——如何获取支付宝小程序页面的https链接

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

微信小程序--关于加快小程序开发的几个小建议

加快小程序开发的几个小建议 1.使用 app.json创建页面按照我们平常的开发习惯,创建一个新的页面,一般都会先创建文件夹,再创建对应page的形式,创建完成后,app.json中会自动注册该页面.实际上,我们还可以通过直接在app.json中注册页面来生成对应的page. "pages": [ "pages/index/index", "pages/newpage/newpage" ], 如上所示,在配置文件中注册该路径,小程序就会…

微信小程序开发教程 #043 - 在小程序开发中使用 npm

本文介绍了如何在微信小程序开发中使用 npm 中包的功能,大大提高微信小程序的开发效率,同时也是微信小程序系列教程的视频版更新. 微信小程序在发布之初没有对 npm 的支持功能,这也是目前很多前端开发人员在熟悉了 npm 生态环境后,对微信小程序诟病的地方. 微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持,使得小程序支持使用 npm 安装第三方包. 微信小程序的功能更新最近更新的也非常给力,如之前给大家介绍的微信小程序开发平台新功能「云开发」快速上手体验. 1. 在小程序中加载…

Win32 程序开发：创建一个应用程序窗口

一.创建一个应用程序窗口代码如下: // 头文件 #include <windows.h> // 全局变量 WCHAR g_lpszClassName[] = L"CLASSNAME"; WCHAR g_lpszWindowName[] = L"哈喽,新的征程"; // 函数声明 LRESULT CALLBACK WndProc(HWND, UINT, WPARAM, LPARAM); // 应用程序主函数 INT APIENTRY WinMain(H…

支付宝小程序开发之与微信小程序不同的地方

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

微信小程序开发——打开另一个小程序

微信小程序打开另一个小程序,有两种方法:1.超链接:2.点击按钮. 全局配置: 跳转到其他小程序,需要在当前小程序全局配置中配置需要跳转的小程序列表,代码如下: App.json { ... "navigateToMiniProgramAppIdList": [ "wxe5f52902cf4de896" ] } 否则会弹出以下错误提示: 超链接实现跳转到小程序: demo.wxml <navigator target="miniProgram&quo…

【小程序开发总结】微信小程序开发常用技术方法总结

1.获取input的值 <input bindinput="bindKeyInput" placeholder="输入同步到view中"/> bindKeyInput: function(e) { this.setData({ inputValue: e.detail.value }) }, 1.获取标签属性的属性值data-: <button binTap="buy" data-productid="101&qu…

应用程序开发 WebApp NativeApp 微信小程序

Web Native App 微信小程序 WebApp是指基于Web的系统和应用,其作用是向广大的最终用户发布一组复杂的内容和功能.webapp 框架是一种简单的与WSGI兼容的网络应用程序框架,可以与 App Engine 配合使用.不必为了使用 App Engine 而使用 webapp:网络服务器支持任何使用 CGI 的 Python应用程序.webapp 提供一种简单的方式来开始为 App Engine 开发应用程序.应式网页设计的大部分技术,是可用在WebApp开发中的. Na…

微信小程序开发公测，小程序账号申请办法攻略

11月3号晚上 10 点,微信公众平台发布公告,宣布微信小程序正式开放公测.此次小程序公测允许开发者将产品提交至微信公众平台审核,但是暂时不支持发布,也就是说普通消费者若想体验小程序,还需要等待一段时间. 什么人可以参与小程序公测? 微信小程序的公测暂时只开放给企业.政府.媒体.其他组织,个人微信公众号暂时无法参与小程序公测. 此次公测开放的内容包括: 开发支持:提供一系列工具帮助开发者快速接入并完成小程序开发: 开发文档:介绍小程序的开发框架.基础组件.API 及相关开发问题: 开发者工具:集…

实践案例丨利用小熊派开发板获取土壤湿度传感器的ADC值

摘要:一文带你用小熊派开发板动手做土壤湿度传感器. 一.实验准备 1.实验环境一块stm32开发板(推荐使用小熊派),以及数据线已经安装STM32CubeMX 已经安装KeilMDK,并导入stm32开发板对应的芯片包(小熊派使用的是STM32L431RCT6) 准备一个串口调试助手,我使用的是UartAssist(包含在附件中) 一个土壤湿度传感器模块 2.目标效果通过CubeMX创建工程并配置参数获取stm32以硬件IIC获取SHT20传感器值(通过SHT20数据手册转化) 串口1重…

小程序开发-iView Weapp微信小程序UI组件库入门使用

iView Weapp UI组件库今天来试试iView Weapp 这个微信小程序组件库,看看好不好用~~ 官网地址: http://inmap.talkingdata.com/wx/index_prod.html#/ 扫码观看地址见: 使用方法从https://github.com/TalkingData/iview-weapp 下载代码,将 dist 目录拷贝到自己的项目中. 添加需要的组件.在页面的 json 中配置(路径根据自己项目位置配置): "usingComponents&qu…

微信小程序开发之获取用户手机号码——使用简单php接口demo进行加密数据解密

后边要做一个微信小程序,并要能获取用户微信绑定的手机号码.而小程序开发文档上边提供的获取手机号码的接口(getPhoneNumber())返回的是密文,需要服务器端进行解密,但是官方提供的开发文档一如既往的乱,如果没有对小程序开发文档有一个整体的了解,搞懂解密流程还是有点难的.这里把小程序从请求用户授权获取手机号码直至获取到手机号码明文的整个流程串了起来,方便迅速了解,如下: 一. 前端相关操作: 1. 请求用户授权获取手机号码: 因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 AP…

逍遥云天微信小程序开发之获取用户手机号码——使用简单php接口demo进行加密数据解密

微信小程序开发之获取openid及用户信息

1. 获取openid 1.1 获取code 调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的会话密钥(session_key).用户数据的加解密通讯需要依赖会话密钥完成. wx.login({ //获取code success: function(res) { code = res.code //返回code } }) 1.2 获取openid 拿到上一步获取的code,结合小程序 appid 和 secret 请求接口https://a…

小程序开发之获取客户来源 scene 场景值手机设备信息

为什么要获取客户来源用作数据分析,根据客户来源,做精准转化! 判断客户来源入口方式 1.通过官方的scene场景值常见场景值场景值ID 说明 1001 发现栏小程序主入口,「最近使用」列表 1005 微信首页顶部搜索框的搜索结果页 1012 长按图片识别二维码 1047 扫描小程序码 1053 搜一搜的结果页 1089 微信聊天主界面下拉,「最近使用」栏 1106 聊天主界面下拉,从顶部搜索结果页,打开小程序所有场景值说明点击链接查看官方文档 https://developers.we…

微信小程序开发——前端如何区分小程序运行环境

前言: 之前用vue做h5项目,对于接口请求,都是根据前端访问域名来判断运行环境,然后自动适配对应的服务器地址的.这样的好处就是在开发.测试及发布上线全程都不需要手动去改接口请求地址,只要提前配置好就行了.这样处理之后,只需要打包一次,就能同时适应所有环境而不需要再去改代码,打不同的包了. 对于微信小程序,发现前端并没有可以区分小程序运行环境(开发者工具.开发版.体验版及正式版)的API(真的没有),这就直接导致了开发的时候链接测试服务器就需要手动的去修改服务器地址了.最近找到一种解决方法,实现…

微信答题小程序微信小程序答题 demo 头脑王者这样的答题小程序开发答题的微信小程序开发经验微信答题比赛小程序

最近随着王思聪的我撒币,我快乐,直播答题非常火.同时知乎的答题小程序头脑王者也非常火爆.大家在微信和微信群里玩的不亦乐乎. 好吧,快乐总是属于你们,我却只能埋头写代码... 公司要求赶紧开发一个这样的答题小程序出来,于是参考了几大现在已经有的答题系统,我们开始了,属于我自己的答题小程序开发之路. 先说几个难点,第一个是直播答题,做聊天室的.如何让用户在聊天室里聊天,做直播答题,大家看到,每个人都可以在里面聊天.我们传统的聊天室大部分用的ajax做轮询,考虑到用户数大的话,轮询对服务器压力还是蛮大…

微信小程序开发入门学习(2):小程序的布局

概述小程序的布局采用了和Css3中相同的 flex(弹性布局)方式,使用方法也类似(只是属性名不同而已). 水平排列默认是从左向右水平依次放置组件,从上到下依次放置组件. 任何可视组件都需要使用样式来设置自身的属性,并完成相应的布局. 在小程序中,可以使用两种方式设置样式,一种是 class 属性,另外一种是 style 属性,跟HTML中一样. 前者需要指定在 wxss 文件中定义的样式,后者允许直接在组件中定义样式属性. 例如,如果要水平放置三个 view 组件,可以在 wxml 文件中…

微信小程序开发-rem转换rpx小工具

实现原理: 对样式进行格式化,然后根据 “rem” 进行拆分,这样就会拆分成一个数组 [str1,str2,str3...,str6], 除了最后一个元素,前边的元素都会以 “rem” 样式的数值结尾, 然后在对数组中的元素字符串进行再次根据 “:” 进行拆分,这样就把原rem样式的数字给提取出来了,然后就根据规则转换成rpx的数值,重新组合就好了. css格式化工具:https://tool.lu/css/ 源码: <!DOCTYPE html> <html> <head&…

支付宝小程序开发——H5跳转到小程序（获取小程序页面的链接）

前言: 这个问题支付宝小程序官方文档并没有专门说明,钉钉群的官方技术支持给了个开发者社区的帖子,详见:如何跳转小程序. 如果配置的页面没有参数还好,不会出问题,如果有参数,很可能配出来的链接无法正常获取到携带参数的,坑在这里: 1.page参数:刚开始以为是页面path路径(也就是app.json中的路径),因为后边还有query参数,理所当然的会认为这里只需要path: 2.query参数:虽然看到“启动参数”四个字,但是这种路径没有配过小程序app的启动参数的,微信小程序也不是这么玩的,所以…

微信小程序开发入门篇

本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果. 开发准备工作获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ,就可以在网站的"设置"-"开发者设置"中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID . 下载开发工具下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=…

详解微信小程序开发（项目从零开始）

一.序微信小程序,估计大家都不陌生,现在应用场景特别多.今天就系统的介绍一下小程序开发.注意,这里只从项目代码上做解析,不涉及小程序如何申请.打包.发布的东西.(这些跟着微信官方文档的流程走就好).好了废话不多说,看目录. 注: 小程序是一套特殊的东西,融合了原生和web端.他是一个不完整的浏览器对象,所以很多DOM . BOM 的东西无法使用,但是他又通过微信APP实现了多线程. 二. 目录 1.如何创建一个微信小程序 2.准备工作(让编译器支持小程序开发,我用的webstrom,hbuil…

零基础入门微信小程序开发

注:本文来源于:<零基础入门微信小程序开发> 课程介绍本达人课是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件.页面样式文件.JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装.小程序发布等内容,共 9 篇文章. 本课程共包含四个部分. 第一部分(第1-3篇)带你初步了解小程序是什么,然后进行小程序开发的准备工作,从注册账号到安装开发工具一应俱全.工欲善其事,必先利其器. 第二部分(第4-6篇).面…

微信小程序开发学习资料

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 一:推荐地址集合:(初入门者请先看这里) 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=147643467…