微信小程序开发

如果是微信小程序开发，请参考 微信小程序室内地图导航开发-微信小程序JS加载esmap地图文章 一、在支付宝小程序里显示室内三维地图 需要满足的两个条件 调用ESMap室内地图需要用到小程序web-view组件，想要通过 web-view 调用ESMap室内地图需要满足以下 2 个条件： 1. 小程序是企业主体，支付宝 web-view 组件不对个人类型的小程序开放。 2. 您需要有一个自己的域名，在嵌入网页的时候需要在支付宝后台验证域名（只有自己域名下的网页才能被正确地显示哦，不能随便找一个公开链接）。 支付宝小程序管理中心 > 设置 > 开发设置 > H5域名配置 里设置（如下图） 二、具体实现步骤 1、域名验证： 由于支付宝平台的规定，web-view 指向的地址，必须是在支付宝小程序后台登记的域名，否则无法使用。 首先我们找到支付宝小程序管理中心 > 设置 > 开发设置 > H5域名配置，并填上你需要绑定的域名。 需要注意的是，这里的域名强制 https，需要配置好 https 证书，购买服务器的时候也要注意购买支持 https 的服务器。 接下来，我们需要下载一个支付宝的验证文件，放在你域名的根目录下，并且支持访问。 具体来说，如果您的域名www.esmap.cn，支付宝的验证文件是WATLNxupm4.txt，您需要确保https://www.esmap.cn

一、前言 一直以来，我都在想要进行实战来将自己所学的知识巩固和掌握，不然学完就忘了，也无法进行实际运用，岂不是很废。所以想尝试一下做一个微信小程序，但自己实在是有拖延症也有懒病，一直也没开始。现在就要在这里立个flag了，以后至少一周两个微信小程序开发博客，要把这个事情提上学习日程呀。虽然我觉得很快就停更，希望自己能够做到吧，对得起自己这一份初心，也希望在这个过程中记录下自己学到的新知识。 二、会使用到的框架和组件（可能会） 因为刚开始做嘛，先做一个简单一点的，需要的东西也不会很多： springboot 微信开发者工具(Typescript) mybatis 三、微信小程序项目构建 首先可以进入 https://developers.weixin.qq.com/doc/ 去看一下微信开发官方的指南，看一下组件的文档啥的，也顺便下载一个微信开发者工具。 下载好了之后，打开新建项目，会让你填项目的相关信息，在这里你可以选择新建小程序还是小游戏，游戏这个东西对前端要求很高，我这个菜鸡就不去碰了。 需要注意的是每个app都需要AppID，这个AppID需要到微信官方去申请，每个微信账号有5个AppID的拥有权限，也就是说一个人最多能同时开发5个APP。 可以选择是JavaScript还是TypeScript，对我来说都一样，反正都要学

// succ.wxml <view>WIFI ssid：{{wifissid}}</view> <view>WIFI bssid：{{wifiBssid}}</view> // succ.js var app = getApp() Page({ data: { wifissid: '', // WIFI ssid wifiBssid: '' // WIFI bssid }, onLoad: function (e) { // 获取参数 var that = this; wx.getConnectedWifi({ success: function(e){ that.setData({ wifissid: e.wifi.SSID, wifiBssid: e.wifi.BSSID }) } }) } }) 来源： https://www.cnblogs.com/aaronthon/p/11673471.html

// succ.wxml <view>手机IP：{{motto.query}}</view> // succ.js var app = getApp() Page({ data: { motto: '' // IP地址 }, onLoad: function (e) { // 获取参数 var that = this; wx.request({ // 获取ip url: 'http://ip-api.com/json', success: function (e) { that.setData({ motto: e.data }) } }) } }) 来源： https://www.cnblogs.com/aaronthon/p/11673457.html

1、小程序的相关文件类型 　　微信小程序项目结构主要有四个文件类型： 　　　　wxml　　框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。 　　　　wxss　　是一套样式语言，用于描述wxml的组件样式 　　　　js　　逻辑处理，网路请求 　　　　json　　小程序设置，如页面注册，页面标题及tabBar 　　 　　主要文件： 　　　　app.json　　必须。这个文件是配置文件入口，整个小程序的全局配置。包括页面注册，网路设置，以及小程序的window背景色，配置导航条样式，配置默认标题。 　　　　app.js　　必须。这里监听并处理小程序的生命周期函数，声明全局变量。 　　　　app.wxss　　可选 2、简述微信小程序原理 　　微信小程序采用JavaScript、wxml、wxss三种技术进行开发，本质就是一个单页面项目，所有的页面渲染和事件处理，都在一个页面内进行，但又可以通过微信客户端调用原生的各种接口。 　　微信的架构，是数据驱动的架构样式，它的ui和数据是分离的，所有的页面更新，都需要通过对数据的更改来实现。 　　小程序分为两个部分：webview和appServer。其中webview主要用来展现ui，appServer用来处理业务逻辑、数据及接口调用。它们在两个进程中执行，通过系统层JSBridge实现通信

前端面试题总结 Vue面试题 生命周期函数面试题 1.什么是 vue 生命周期 2.vue生命周期的作用是什么 3.第一次页面加载会触发哪几个钩子 4.简述每个周期具体适合哪些场景 5.created和mounted的区别 6.vue获取数据在哪个周期函数 7.请详细说下你对vue生命周期的理解？ vue路由面试题 1.mvvm 框架是什么？ 2.vue-router 是什么?它有哪些组件 3.active-class 是哪个组件的属性？ 4.怎么定义 vue-router 的动态路由? 怎么获取传过来的值 5.vue-router 有哪几种导航钩子? 6.$route 和 $router 的区别 7.vue-router响应路由参数的变化 8.vue-router传参 9.vue-router的两种模式 10.vue-router实现路由懒加载（ 动态加载路由 ） vue常见面试题 1.vue优点 2.vue父组件向子组件传递数据？ 3.子组件像父组件传递事件 4.v-show和v-if指令的共同点和不同点 5.如何让CSS只在当前组件中起作用 6.<keep-alive></keep-alive>的作用是什么? 7.如何获取dom 8.说出几种vue当中的指令和它的用法？ 9. vue-loader是什么？使用它的用途有哪些？ 10.为什么使用key 11.axios及安装

设置小程序模板消息时，会传一个keyword_id_list，这个参数是由一串数字组成的，开发时如果碰到设置错误，会有疑问这串数字是怎么来的，这里解释一下： 小程序的keyword_id_list主要是来控制小程序模板消息发送给顾客的格式的，具体是什么格式是有开发者自行去选择定义的 那开发者如何去自行定义这些数字呢？这个数字实际上是在微信小程序的模板消息后台获取的 来源： https://www.cnblogs.com/gramblog/p/11636809.html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/wh_xmy/article/details/86475859 背景：由于微信官方修改了 getUserInfo、authorize 接口，无法弹出授权窗口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发，这样就需要我们加一个授权页面去搞定了。 前提：微信授权登录仅适用于使用微信用户信息的用户，如果自己的项目有完善的用户信息（一套式开发项目），可不使用微信用户信息；如果仅为微信小程序，则要授权、获取用户信息。 实现思路：自己写一个微信授权登录页面让用户实现点击的功能，也就是实现了通过 button 组件去触发 getUserInof 接口。在用户进入微 信小程序的时候，判断用户是否授权了，如果没有授权的话就显示“授权页面”，让用户去执行授权的操作。如果已经授了，则直接跳过这个页面，进入首页。 授权页面的代码： authorize.wxml <!--pages/authorize/authorize.wxml--> <view class="box" wx:if="{{canIUse}}"> <button class='bottom' open-type="getUserInfo" lang=

微信小程序简述 什么是微信小程序？ 微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。小程序、订阅号、服务号、企业号是并行的体系。 微信小程序入口 打开手机微信APP 点击发现 即可查看到我们的小程序的入口 小程序和APP的区别？ 简单来说，小程序就是一种不需要安装的APP，用户只要扫一扫就可以打开。 一、APP需要下载，浪费时间、流量及手机存储空间，而小程序则不用，它只需加载。 二、APP需要开发两个系统；而小程序则不同，它倚靠微信，随用随开，随走随关。 三、小程序的开发成本低，开发者可以把节省下来的精力专注在产品上面。 四、从用户角度出发，相对于APP，小程序的操作会更简便，提升用户体验度。 五、从商家角度出发，微信小程序的很大一部分价值来源于微信，微信可以将其庞大的用户精准的导给小程序商家，这对于商家来说无疑是最方便的。 小程序提供的开发支持 开发文档 介绍小程序的开发框架、基础组件、API及相关开发问题 开发者工具 集成开发调试、代码编辑、小程序预览及发布等功能 设计指南 提出设计原则及规范，帮助建立友好、高效、一致的用户体验 小程序体验Demo 可体验小程序组件及API功能

https://www.cnblogs.com/yangfengwu/p/10050784.html 源码下载链接: 或者 我的微信小程序篇的教程实际上是 1,用小程序实现具体的功能 2, 用微信公共号实现具体的功能 3,微信公众号+小程序实现具体的功能 由于下面所示的一系列文章基础知识还有没有写完(网页制作部分),而大部分朋友需要立即看到效果,所以增加这一系列文章,等到基础教程写完之后将把这部分文章放到 STM32+WIFI+GPRS物联网开发微信小程序篇,(这一系列文章是小程序的基础知识,只做几节,只是带着大家入门) 经过长时间的视频录制和用户反馈,我改变一下方式 说一下整体的目录结构 以后每一个篇章设计到的基础知识都已上面那种方式提供 0-XXXXXXX (这里面的所有的资料和源码全部公开) 下面的 1-精简版Mqtt小程序,配网以后利用小程序绑定设备,远程控制设备,采集温湿度数据 2-精简版MQTT小程序,在上一节的基础上增加数据存储 3-XXXXX 4-XXXX . . . 为具体实现的某个功能,但是实现这个功能可能还会涉及一些非基础,但是又必须学会的知识点,所以 咱们打开第一个 1-精简版Mqtt小程序,配网以后利用小程序绑定设备,远程控制设备,采集温湿度数据 里面 MiniProgramMqttSimplify 为当前工程源码 下面的 1-安装Nginx,配置反向代理