微信开发

微信小程序开发之---hello world

℡╲_俬逩灬. 提交于 2019-11-26 16:32:13
由于无法备案网站,前期做了个微信小程序(开发版)就搁置了,几乎忘了开发过程。现在重新梳理,做个记录。 一、最基本的小程序前端例子hello 1、下载安装 微信开发者工具 官网: https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 2、运行后首先提示扫码,在手机上确认登录(我以前注册过微信公众平台,如果你未注册过的话,可能需要先去注册)。登录后,页面显示了我之前做的几个小程序项目。排第一个的是一个加号(+),用来新建项目。 3、点上步的加号(+),新建项目名称写的是:hello ; 目录 我设的是:E:\wxDEV\hello;AppId 我点选的是:测试号;开发模式:小程序;后端服务:默认不使用云服务;语言:javascript ; 然后点:新建 4、在 微信开发者工具 界面上,点三个横点(…)弹出E:\wxDEV\hello硬盘目录,里面就是小程序前端代码了。点预览(眼睛形状)图标,会弹出二维码,用手机扫码后,可以在手机上测试使用小程序了。(在手机微信中的微信页面,向下滑动,会出现最近使用过的小程序) 5、但那些代码表示什么呢?手册在: https://developers.weixin.qq.com/miniprogram/dev/framework/ 下面分析一下E:\wxDEV

微信小程序开发 - WMusicPlayer小程序端设计

China☆狼群 提交于 2019-11-26 16:14:27
主要页面 1. index Page 页面描述:乐库,展示音乐和歌单 组成部分: 推荐歌单 新歌首发 热门歌曲 2. user Page 页面描述:用户中心,显示用户的登录信息以及用户歌单,并提供歌单管理 组成部分: 用户信息 歌单 收藏 3. song Page 页面描述:音乐播放的详情页面,展示歌曲的详细信息,歌曲评论,以及发表评论 组成部分: 歌曲封面图片 歌词(备选) 播放进度条(备选) 发表评论 歌曲的评论 4. sheetlist Page 页面描述:歌单组成的列表 组成部分: 歌单列表 歌单列表内的每一项包含,歌单封面、歌单名称、歌单的前三首歌曲(歌曲名 - 歌手) 5. sheet Page 页面描述:歌单的详情界面 组成部分: 歌单封面 最后更新日期 播放所有,播放模式选择 歌曲列表:每一项包含,歌曲名,歌手,播放按钮,更多选项(添加到我的歌单、移除歌曲(如果是我的歌单)、收藏) 模块划分 1. 登录注册模块 自动登录 Created with Raphaël 2.2.0 开始运行小程序 app.js中onLaunch()函数执行 wx.login() 获取code wx.request() url:/login 返回值为userinfo userid != -1 ? 将获得的用户信息 保存为全局变量GlobalData 登录流程结束 跳转到用户中心请求授权 wx

微信小程序环境配置和开发!!

末鹿安然 提交于 2019-11-26 15:58:17
1.登陆微信公众平台小程序,下载 普通小程序开发者工具 、或者 小游戏开发者工具 。 2.新建项目需要填以下几点,然后初始demo如下,注意rpx是分成750份的单位。 3.点击预览,用微信扫描二维码,代码就可以在移动端展示了。 4.打开微信开发者工具,开发者文档,配置项细节可以参考文档 小程序的配置 app.json ,小程序全局配置。 还有什么不懂的,可以看看这篇文章 https://www.jianshu.com/p/a02e023f2d79 , https://www.cnblogs.com/wisewrong/p/8529307.html 来源: https://www.cnblogs.com/lishixiang-007/p/11312838.html

微信小程序开发之异步转同步

本秂侑毒 提交于 2019-11-26 13:58:20
onLoad: function(options) { //执行同步 return new Promise(function (resolve, reject) { wx.checkSession({ success: function (res) { resolve(res); }, fail: function (res) { //同步代码好了,执行要执行的代码代码 var that = this; wx.request({ url: Util.exeCatalog(), //仅为示例,并非真实的接口地址 data: { ParentId: 129, }, method: 'GET', header: { 'content-type': 'application/json' // 默认值 }, success(res) { var qa = res.data;//获取json数据 var qaarr = [];//定义数组 for (var i in qa) { var qacontentarr = [];//定义数组 wx.request({ url: Util.exeContent(), //仅为示例,并非真实的接口地址 data: { CatalogId: qa[i].CatalogId }, method: 'GET', header: { 'content-type'

微信开发第七篇发送素材(图文)信息

眉间皱痕 提交于 2019-11-26 11:54:54
最近产品经理要做每天推送图文信息的功能,哎,还要超链接传递不同的参数,苦逼呀。。网上查了一些资料,下面讲解一下群发素材 要群发素材,首先要先获得素材,素材都是以图片和文字的形式推送给用户的,所以要首先获得图片和文字 微信的上传媒体接口:https://api.weixin.qq.com/cgi-bin/media/upload?access_token=ACCESS_TOKEN&type=TYPE 可以用来上传图片,上传成功返回:{"type":"TYPE","media_id":"MEDIA_ID","created_at":123456789},其中media_id就是图片在微信服务器的标识。 上传方法: /// <summary> /// 上传媒体返回媒体ID /// </summary> public static string UploadMedia(string access_token, string type, string path) { // 设置参数 string url = string.Format("http://file.api.weixin.qq.com/cgi-bin/media/upload?access_token={0}&type={1}", access_token, type); return HttpRequestUtil

uni.app实践---微信公众号h5开发记实-----第一篇

我们两清 提交于 2019-11-26 10:30:40
介绍:==uni-app== 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可编译到iOS、Android、H5、以及各种小程序(微信/阿里/百度/头条/QQ)等多个平台。 uni-app官网: 传送门 uni-app插件市场: 传送门 前一段时间因为个人了解到这个比较nb的多端开发框架,所以有兴趣自己去尝试了一下,从开始的搭建项目到微信公众号h5的登录-->微信支付都尝试了一遍。第一次尝试也踩了很多的坑。相信有很多小伙伴也遇到过这样的疑惑和问题。(大神略过),所以在这里写下开发中遇到的一些问题,记录一下。有需要的童鞋可以参考一下。如若有不对的地方,望指正。 uni.app这个框架想看详细的教程可以去官网,还有论坛看一下。同时uni.app的插件市场里面有很多比较常用的组件,急需快速开发的同学可以直接去下载,然后就复制到项目里面就可以直接用了。最基本的一些介绍我就不再累述了。 可以去看看这个博客 里面介绍了项目目录和生命周期。如果使用过vue.js的人上手这个是非常快的。下面讲一下我遇到的问题。 一、 来源: https://www.cnblogs.com/justyouadmin/p/11318041.html

微信公众号消息推送开发(模板消息):准备工作[公众平台环境配置](一)

别来无恙 提交于 2019-11-26 05:33:54
模板消息 应用场景:注册绑定通知,订单到期类通知,相对频繁推送消息,被动触发,主动触发,根基微信公众平台提供的几种消息推送方式,采用模板消息可以比较简单快捷的解决大部分应用场景。当然具体采用哪种推送方式还要根据实际场景。 准备工作: 注:由于模板推送需要用户openid,所以需要开通 网页授权 权限,已开通的忽略; ①,申请微信公众号 微信公众平台 ②, 1.公共号设置→设置相应的业务域名,JS接口安全域名,网页授权域名(授权登录获取openid用) 2.开发→接口权限→网页服务→网页授权→申请(已开通忽略) ③,设置ip白名单 以上不清楚怎么设置的可以参考: 微信分享开发:准备工作[微信公众平台以及微信中控服务配置](一) ④, 设置模板消息 (可以从模板库中选择合适的,也可以申请自定义的模板) 至此,微信公众号的模板消息设置完毕,省下的就是根据官网提供的api实现功能. 微信公众号消息推送开发(模板消息):开发实现(二) 来源: CSDN 作者: 不要喷香水 链接: https://blog.csdn.net/qq_27185879/article/details/103240751

前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR

谁说胖子不能爱 提交于 2019-11-25 19:59:44
一 、 小程序概述 2017 年 1 月 9 日小程序正式上线,腾讯开放了个人开发者开发小程序,小程序从此就开始火爆 , 这一年,小程序狂揽 4 亿用户、 1.7 亿的日常活跃,上线 58 万个。这是一个巨大的机会,对于企业宣传,拉新用户存在变革性的影响。 小程序的本质是: 轻应用,就是不用安装就能使用的手机 APP 。 “跳一跳”养成了大家下拉寻找常用小程序的习惯。 小程序对开发者而言也是非常友好的。 微信就是一个 “虚拟机”,小程序使用JavaScript编程,小程序将JavaScript 翻译为机器能够识别的 Java 、 OC 等语言, 能操作硬件,比如蜂鸣器、陀螺仪、相册、闪关灯、摄像头。 小程序屏蔽了手机操作系统之间的差异,我们写 iOS 的小程序、安卓的小程序是不需要考虑系统的差异的。 二、小程序开发账号 注册 一个人最多只能有 5 个小程序项目,只能有 5 个小程序 A ppID ,公司账户可以有 2 0个小程序项目。 https://mp.weixin.qq.com/ 去自己的邮箱点击激活右键的超级链接: 然后在打开的页面选择个人开发者,需要让你填写身份证号码和用户真实姓名,这里为了隐私就不截图了。 三、获得 AppID 下载使用开发者工具 https://mp.weixin.qq.com/ 登录 3 .1 添加小程序信息 3 .2 添加开发者

商城系统支付方式如何配置?支付方式有哪些

不问归期 提交于 2019-11-25 18:50:51
众所周知,网购平台中的会员支付、商家收款绝大部分是通过第三方支付平台 ( 微信、支付宝、银联 ...) 进行交易,而一款网上商城系统中集成的支付接口也是多样化的 ,如: 支付宝(电脑网站)、支付宝(手机网站)、微信支付(扫码支付)、微信支付(公众号支付)、微信支付(H5支付)、微信支付(小程序)、银联在线支付、Paypal、快钱支付、财付通、易宝支付 等等,通过这些第三方支付方式,能够 全方面满足会员购物结算需求。 由于 商城系统中的支付接口都是集成的第三支付平台,作为商城运营商对商城的收款方式进行设置时,支付配置中的APP ID、商户号、密钥等信息不知道怎么设置,本文通过查看支付宝、微信支付设置密钥帮助文档,结合商城系统后台支付插件设置,分别针对支付宝(电脑网站)、支付宝(手机网站)、微信支付(扫码支付)、微信支付(H5支付)、银联在线支付5种最常用的支付方式配置进行说明,希望可以帮到您。 (一)支付宝(电脑网站)设置 进入商城系统后台, 支付宝(电脑网站) 设置 ,如下图所示: ①.登录支付宝开放平台; ②.进入支付宝“开发者中心”,根据实际需求创建应用,进行APP ID的获取,并提交审核; ③.开发者应用私钥:由开发者自己生成,支付宝平台为技术开发人员提供一键生成工具(RSA签名验证工具),便于开发者生成应用私钥(private key); ④.支付宝公钥:由支付宝生成