网站开发

微信开发的本地调试只支持80号端口，实验了很多办法，总结一下： 办法一：  公司使用的是联通ADSL, 在路由器上做完端口映射后发现电信/联通封了80端口，所以这个办法走不通了。 办法二： 搜可以下，可以用ngrok，飞快的下载，设置好了。把ngrok的URL填入微信设置时，微信提示这种网址存在安全风险，已经不支持了。  办法三： 这个方式要求你有一台外网linux服务器。微信要求这台机器的域名是已经通过ICP备案的，你可以用你开发域名的一个子域名指向这个服务器。比如http://wechatdev.yourdomain.com （1）首先：把该linux服务器占用80号端口的服务关闭； （2）打开服务器的远程转发功能，执行以下命令： sudo nano /etc/ssh/sshd_config 在/etc/ssh/sshd_config文件末尾加入一句： GatewayPorts yes 然后重启SSH：sudo service ssh restart   尝试了阿里云和Azure 的Linux虚拟机，有以下要注意的： 阿里云 打开防火墙,允许访问80端口   Azure: 打开防火墙,允许访问80端口…

这边文章的内容主要讲述在小程序中使用 wx:key 提升 wx:for 的渲染效率 之所以加上 wx:key 会提升 wx:for 的渲染效率，原因是（我的初步理解） 如果不加 wx:key, 在 setData 之后，如果 array 内的数据如果发生改变，会重新创建前端的渲染对象 加上 wx:key，重新渲染时，只是将对应的对象重新排序。未发生变化的对象，不会重新创建 参考官方的解释 当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。 需要验证的问题 加上 wx:key 之后，会根据给定的 key…

小程序需要https协议，需要安全证书，没接触过https开发的同学可能就一头雾水，无从下手了。整理此文的目的就是为了解决这个问题： 阿里云提供免费的https安全证书服务： 位置：在阿里云的安全，证书服务下面，可以创建免费的安全证书 点击购买证书 购买证书 选择免费型，点击立即购买 购买免费型 审核时间大约10分钟，通过之后点击下载 点击下载 点击下载证书，会下载一个压缩文件，通过Windows的shell终端可以把文件托拉拽到指定目录下：/etc/nginx/cert 下载证书 关于配置nginx server {  listen       80;  listen       443 ssl;  server_name  xxx.maiyatian.com;  root         /home/wangzhongyang/xxx/public/;  index        index.php;  ssl on;  ssl_certificate   cert/214088335340610.pem;  ssl_certificate_key  cert/214088335340610.key;  ssl_session_timeout 5m;  ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;  ssl_protocols TLSv1 TLSv1.1 TLSv1.2;  ssl_prefer_server_ciphers on;  access_log  /data/logs/nginx/www.mhsy.com.access.log main;  error_log  /data/logs/nginx/www.mhsy.com.error.log;  rewrite "^/([A-Za-z]+)/([A-Za-z]+)/$" /index.php?c=$1&a=$2&$query_string last;…

相关学习推荐：微信小程序教程 前言 我曾发布过《》一文，当时是我探索微信小程序工程化的第一阶段。起初我只是为了验证微信小程序与 webpack 是否能够相结合（很大程度是被对于技术的好奇心驱使），对于工程化的持续交付并没有过多的思考。但是在内部需求的不断冲击下，我开始萌生以工程化手段持续简化微信小程序开发难度的想法，最终衍生的产物就是这套以 Medusa 命名的微信小程序快速开发方案。接下来我将较为详细的分享达成这一方案的实践过程，下文中将提到的工具我也已经发布在 npm 上供大家下载使用。这篇文章将会覆盖之前发表的那篇文章的全部内容并且内容更加丰富，所以篇幅方面也较为长请读者们耐心阅读。 webpack-build-miniprogram webpack-build-miniprogram 是 Medusa 方案的基础也是核心，这一工具包提供了以 webpack 构建微信小程序的能力，并且我们可以利用 webpack 的生态持续丰富 Medusa 的功能。在讲述基础构建配置之前，我们先来看看 Medusa 的目录结构基础，有了相应的目录约束才使得项目更加规范化。 |-- dist                        编译结果目录 |-- src                         源代码目录 |   |-- app.js                  项目入口文件 |   |-- app.json                小程序配置文件 |   |-- sitemap.json            sitemap配置文件 |   |-- assets                  静态资源存放目录…