微信小程序开发

关于小程序的学习(一)

南笙酒味 提交于 2020-03-07 05:04:13
为什么要持续学习呢? 大学之道,在明明德,在亲民,在止于至善。知止而后有定,定而后能静,静而后能安,安而后能虑,虑而后能得。物有本末,事有终始,知所先后,则近道矣。 男人的极大幸运在于,他,不论在成年还是在小时候,必须踏上一条极为艰苦的道路,不过这是一条最可靠的道路;女人的不幸则在于被几乎不可抗拒的诱惑包围着;她不被要求奋发向上,只被鼓励滑下去到达极乐。当她发觉自己被海市蜃楼愚弄时,已经为时太晚,她的力量在失败的冒险中已被耗尽。 关于小程序配置 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab [底部或顶部菜单]等。 app.json中不能添加任何注释,key和value必须用双引号引起来,否则会报错。 pages 接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的【**路径+目录名+文件名(不包含后缀名)】**信息,数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。 注:数组的第一项为小程序初始页面 概述 从事过网页编程的人知道,网页编程采用的是 HTML + CSS + JS 这样的组合,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 通常是用来处理这个页面和用户的交互。 同样道理

如何提高小程序的用户体验?

爷,独闯天下 提交于 2020-03-06 18:27:53
现在各行各业的企业和商家都争先恐后的做起了微信小程序开发,小程序的应用也越来越多。这主要是因为小程序开发的成本不是特别高,但是使用起来非常方便快捷。所以,越来越多的商家纷纷接入小程序商城。如何提高小程序的用户体验? 第一,做好产品定位 根据自己的产品和行业先找准自己产品的定位。例如餐饮行业可以通过小程序开发制作线上菜单,服务行业可以制作线上便捷工具,品牌商家可以打造线上店铺等等。 第二,做好线下推广 小程序不仅可以通过扫描二维码进入,还可以基于地理位置让附近的用户看到。也就是“附近的小程序”功能,因此,线下推广小程序最简单粗暴的方法就是,派发传单和举办活动等。 第三,推送用户感兴趣内容 高度具体的信息可以吸引用户的注意力。小程序可以通过分析人群的兴趣爱好,制定推送的各项指标,如推送信息内容、推送频率和推送时间。只有满足用户需求的高度特定的消息才能吸引用户的注意力。 来源: oschina 链接: https://my.oschina.net/u/4249918/blog/3189187

小程序搭建——给我们的生活带来了哪些改变?

十年热恋 提交于 2020-03-06 17:57:21
自从网络庞大起来之后,小程序营销方式的到来也受到了商家们很大的关注。那么。小程序的到来究竟给商家带去了什么样的用户体验和宣传营销作用呢? 接下来我们就来一起看一下。 一、小程序到底给我们带来了什么? 1、改变了用户使用习惯 以前用户手机里可能安装了众多APP,而这些APP中总有使用频率非常低的,即使是一些不常用的APP用户可能因为偶尔需要使用而懒得卸载,毕竟重复安装很麻烦。而现在的小程序则完美解决了这一烦恼,无需留着,只要打开小程序页面或搜索或扫一扫即可使用。 而商家在选择开发小程序一定要定位好,千万不能以小程序的价格一概而论。毕竟小程序的收费标准是按照开发小程序的复杂程度来定的。 像一些普通小店铺的微信小程序,只需要一个简单的页面,内容不复杂,基本一年千把块钱就可以搞定。但那种需要专门定制的,而且程序复杂的,需要服务器后台支持的,费用就相对会高一点。 所有,商家在选择小程序之前一定要有自己的产品定位。 2、提高用户粘性 无论是在哪一个行业,用户都是企业发展的重中之重。小程序能够快速进入到线下,提高用户粘性。企业发展过程中并不只是要重视用户的数量问题,更要重视用户对产品的粘性。小程序不止能够增加用户数量,还能够提高用户粘性。 3、改变了商家提供服务的渠道 以往线下实体商家需要借助美团等平台,连接线上互联网用户资源。既无法沉淀用户,又需要给平台分润,而通过小程序的开发

微信小程序开发--学习记录

折月煮酒 提交于 2020-03-04 02:48:23
关于微信小程序开发的学习记录 为什么写博客? 记录自己的学习过程:最近开始学习微信小程序开发,想把学习的过程记录下来,同时也把学习过程中遇到的一些问题、解决问题的思路、踩的坑等等记录下来,同时,编写博客能强化所学的知识,对学习的知识点进行验证,以确保理论值与实践值保持一致,强化自己的逻辑能力,文字组织能力等。 什么是 微信小程序 ? 简单来说,微信小程序有以下几个特点: 1、小程序是一种不用下载就能使用的应用,运行在微信内部。 2、小程序获取和传播十分便捷,有出色的使用体验。 3、小程序的使用非常普遍,也非常方便,但还是不能完全替代APP,它只有访问的关系,而不是一种粉丝的关系。 微信小程序的优缺点 优点 1、方便,使用的时候打开,不用的时候关闭,比起占用储存空间下载APP要好。 2、运行速度很快 3、调用更多手机功能(例如GPS定位、录音、拍视频、重力感应等) 4、开发方便,开发成本较低 5、安全性高 缺点 1、框架不稳定,需要经常维护升级 2、小程序本身很简单不能做太复杂的应用 3、无法长按识别普通二维码,只能识别小程序二维码 4、推广途径少 Hello World!——起航! 学习资料 查看微信官方文档 微信官方文档 开发工具 下载 登录界面,微信开发者工具可以使用微信直接登录 登录进来以后是这样的 创建第一个微信小程序 APPID可以自己注册或者使用测试号 创建后的项目

微信小程序开发- 6

余生颓废 提交于 2020-03-02 17:17:08
微信小程序基础到进阶(共6节) 微信小程序开发- 1 - 开发流程和开发基础 微信小程序开发- 2 - 生命周期、事件、原生组件 微信小程序开发- 3 - 原生组件 微信小程序开发- 4 - 原生API 微信小程序开发- 5 - 开放功能(登录、购物车) 微信小程序开发- 6 - 开放功能(微信支付) 微信支付 支付逻辑总结 登录获取 token 在点击支付按钮的时候 => 判断 判断是否有token 如果有token 继续完成支付功能 如果没有token => 跳转到 授权登录 页面 => 登录 => token 支付 1. 创建订单 参考接口 : 订单 => 创建订单 需要参数 请求头 = : token 请求参数 : 总价格、收货地址、goods(goods_id goods_number goods_price) 返回的结果 => 订单号 order_number 2. 预支付 参考接口 : 支付 => 获取支付参数 需要参数 : 请求头 : token 请求体 : order_number 返回的结果 => pay 对象 3. 开始支付 参考api : 微信小程序官网 => api => 开方接口 => 支付 wx.requestPayment(pay) 需要的参数 : pay对象 4. 查看支付状态 参考接口 : 订单 => 查看订单支付状态 需要参数 请求头 :

微信小程序开发工具的使用

余生颓废 提交于 2020-03-01 03:16:29
个人中心:点击头像显示的是个人中心面板,方便我们去切换我们的小程序账号 在头像后边有三个窗口: 编辑窗口和调试窗口以及项目 编译模式:普通编译和自定义编译 调试:真机的调试功能,会通过我们的网络连接对我们手机运行的小程序进行一个调试 ,右边是调试窗口;方便编辑我们的log以及我们的一些代码 切后台:切后台按钮会帮助我们快速的切到不同的场景值,通过这个场景值可以帮助我们去个性化一些我们的功能需求 清缓存:我们可以清除我们开发者工具和我们调试设备的一个数据缓存 上传会帮助我们把本次的小程序代码上传到我们的管理后台,会默认的设置为我们的开发版本 调试模块: console: 打印小程序页面的调试log信息 sources:会列出微信小程序页面的所有脚本文件 Network:展示网络请求的状态信息 Storage:缓存数据;本地数据;可以再这里修改或删除缓存数据 AppData: 是微信小程序页面上真实展示的一个数据,可以在这里动态的修改 项目:可以上传及删除项目 来源: CSDN 作者: z19834522442 链接: https://blog.csdn.net/z19834522442/article/details/104579465

微信小程序开发

こ雲淡風輕ζ 提交于 2020-02-29 22:16:08
微信小程序基本内容 一、微信小程序开发 1.申请账号 第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。 第二步,接着你需要申请账号,进入小程序注册页 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。登录 小程序后台 ,我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了。 这样我们就获得了我们的APPID和密钥。 注:小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID 2.安装开发工具 网址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 进入此网址,安装微信小程序开发工具 3.第一个小程序 新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 “不使用云服务” (注意: 你要选择一个空的目录才可以创建项目),点击新建,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。 二、小程序代码构成 1.json 后缀的 JSON 配置文件 2.wxml 后缀的 WXML 模板文件 3.wxss 后缀的 WXSS 样式文件

小程序的协同工作和发布

烈酒焚心 提交于 2020-02-29 03:23:05
小程序的协同工作 参考链接:https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/release.html#%E5%8D%8F%E5%90%8C%E5%B7%A5%E4%BD%9C 各权限功能说明 开发者权限:可使用小程序开发者工具及开发版小程序进行开发 体验者权限:可使用体验版小程序 登录:可登录小程序管理后台,无需管理员确认 数据分析:使用小程序统计模块功能查看小程序数据 微信支付:使用小程序微信支付(虚拟支付)模块 推广:使用小程序流量主、广告主模块 开发管理:小程序提交审核、发布、回退 开发设置:设置小程序服务器域名、消息推送及扫描普通链接二维码打开小程序 暂停服务设置:暂停小程序线上服务 解除关联公众号:可解绑小程序已关联的公众号 小程序插件:可进行小程序插件开发管理和设置 游戏运营管理:可使用小游戏管理后台的素材管理、游戏圈管理等功能 需要留意,项目管理者控制整个小程序的 发布、回退、下架等敏感操作,不应把敏感操作的权限分配给不相关人员 小程序的版本说明 开发版本 使用开发者工具,可将代码上传到开发版本中。 开发版本只保留每人最新的一份上传的代码。点击提交审核,可将代码提交审核。开发版本可删除,不影响线上版本和审核中版本的代码。 体验版本 可以选择某个开发版本作为体验版

微信小程序的学习心路(三)

戏子无情 提交于 2020-02-28 07:29:32
随着这两周学习时间的结束,我对小程序的了解也愈发深入。这一次我就来分享一些自己学习路上的一些心得吧 在此次学习之前的一段时间就听到一些关于微信小程序学习的内容,由于没有合适的时间和教学课程,更或者说是因为自己对小程序没有任何的经验,便也就一直没有开始入门,也就没有做深入的学习。幸运的是可以有这样一个时间和机会可以让我来学习,在网站进行了一段时间的视频学习之后,开始自己安装小程序开发者工具,进行简单的编辑和练习。虽然目前以我的能力还不能写出一个完整可以运行的小程序,但简单的代码编辑和阅读可以实现。 大多数人会有这样的感觉,学的时候一脸懵逼,不知道学的东西能用来干嘛,不知道如何应用。但是实际上知识这种东西是需要慢慢积累的,等到积累到一定的程度,便融汇贯通了。 在入门时我们有时会有一些问题所困扰。 1.因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。 这就需要我们在跟着教程学习的同时,把之前学过的一些算法和理论梳理一遍,在学习的过程中不断的精进。 2.我用它,但我不知道为什么,区别在哪。 这也是对我们基础知识的一个考验,在实际操作中我们可以在编辑代码的时候,对其进行一个总结。 3.有意识没行动 在之前一段时间就有意识想去学习小程序的编辑和运行,由于课程和其他事情的安排也一直没有提上日程。这两周的学习让我对小程序的学习有了最初步的了解和阅读能力

2020-02-27

做~自己de王妃 提交于 2020-02-28 03:15:20
小程序配置文件——全局配置app.json app.json是当前小程序的全局配置,包括了小程序的所有页面路径,界面表现,网络超时时间,底部Tab等。而普通快速启动的app.json如下所示 { “pages”: [ “pages/index/index”, “pages/logs/logs” ], “window”: { “backgroundTextStyle”: “light”, “navigationBarBackgroundColor”: “#fff”, “navigationBarTitleText”: “WeChat”, “navigationBarTextStyle”: “black” }, “style”: “v2”, “sitemapLocation”: “sitemap.json” } pages字段用于描述当前小程序所有页面路径,这是为了让微信客户端知道你的小程序页面定义在哪一个目录。 Window字段定义小程序所有页面的顶部背景颜色,文字颜色定义等。 “pages”: [ “pages/index/index”, “pages/logs/logs” 由上图可以知道有两个页面,页面数量可以通过增添或减少代码来增加或减少。 而最先显示哪一个页面是由哪一个页面的代码更上层来决定的 同时要注意最下层代码后没有逗号 注