皮皮网

1.php如何安装？
2.100种不错的源码免费工具和资源
3.如何在React中调用微信的jsSDK

php如何安装？

       怎么安装PHP环境？

       LAMP/LNMP环境搭建

       一．检查系统环境

       1.确认centos版本

       [root@localhost~]#cat/etc/redhat-release

       2.检查是否安装过apache

       rpm-qa|grepf

       5.卸载Apache包

       rpm-qa|grep（小皮）或者bt.cn（宝塔）安装面板

       如果你的服务器是Linux，建议使用宝塔

       打开终端，源码不同Linux系统的源码输入指令不同：

       Centos安装脚本

       终端输入：yuminstall-ywgetwget-Oinstall.shshinstall.sh

       Ubuntu/Deepin安装脚本

       终端输入：wget-Oinstall.shsudobashinstall.sh

       Debian安装脚本

       终端输入：wget-Oinstall.shbashinstall.sh

       Fedora安装脚本

       终端输入wget-Oinstall.shbashinstall.sh

       输入后进行安装就可以了

如何安装PHP模块

       php模块安装的方式

       1、静态安装

       将先将在安装php之前先将需要安装的源码程序装上，如ftp、源码mhash、源码ublox源码解析源码mcrypt……安装完成后，源码解压php安装包，源码执行./configure

       --with-ftp

       --with-mhash

       --wth-mcrypt等等。源码后面具体跟的源码参数可以参看./configure

       --help查看。编译好后，源码执行make

       make

       install

       就行了。源码

       2、源码动态安装

       而在往往我们进行编译php时经常会忘记添加某扩展，源码后来想添加扩展，源码但是因为安装php后又装了一些东西如PEAR等，不想再重新装php，于是可以采用phpize来动态加载需要安装的模块。

       具体实现方法如下（这里以忘记安装pdo_mysql模块为例）：

       cd

       /root/source/php-5.3./ext/pdo_mysql

       /usr/local/php/bin/phpize

       在安装完mysql后，并不是进入/root/source/mysql-5.5.目录运行phpize,而是进入php的源文件中要增加的扩展模块的文件目录---也就是/root/source/php-5.3./ext/pdo_mysql目录执行phpize。如果不是这样操作的话就会提示下面的错误：

       Cannot

       find

       config.m4.

       Make

       sure

       that

       you

       run

       '/usr/local/php/bin/phpize'

       in

       the

       top

       level

       source

       directory

       of

       the

       module

       关于上面的这个错误，我不得不鄙视下网上有些自以为是的家伙，自认为对所有的安装操作很懂，报上面的错误的时候，去修改源代码，搞的乱七八糟，误人子弟。根本不按php官方的文档操作。

       目录/root/source/php-5.3./ext/pdo_mysql

       ，vb调用网页源码在运行phpize命令前并没有configure文件，只有config.m4文件。运行phpize就生成了一个可执行的configure文件。此时就可以按照下的方法编译了：

       ./configure

       --with-php-config=/usr/bin/php-config

       （还可以加一些其他的参数，可通过./configure

       --help查看）

       make

       make

       install

       编译完成后会提示扩展模块生成在/usr/local/php/lib/php/extensions/no-debug-non-zts-目录。

       修改php.ini文件

       vi

       /usr/local/php/etc/php.ini

       在其文件结尾加入下面的内容:

       extension_dir="/usr/local/php/lib/php/extensions/no-debug-non-zts-"

       extension=pdo_mysql.so

       安装完成后，重启php-fpm和web服务器。(因为我用的是php-fpm和tengine，如果用的是apache则也重启相应的程序，重新加载就行了)

种不错的免费工具和资源

       本文精选了种免费工具和资源，旨在为开发者、设计师和创意人士提供高效、实用的解决方案。以下是部分精选工具及资源的详细介绍：

       1. Tabler Icons - 免费且开源的图标库，注重设计细节，帮助作品脱颖而出。

       2. Remove bg - 一键移除背景的在线工具，提供%自动化服务，无需额外点击。

       3. Dev Resources - 一个协作资源平台，按类别整理供开发者使用。

       4. Blender - 免费的开放源代码3D创作软件，适用于各种3D项目。

       5. Free Code Tools - 集合了免费的SEO和代码工具，提高工作效率。

       6. Coolors - 用于生成或浏览美丽颜色组合的设计工具。

       7. loading.io - 提供SVG、CSS、手机 人脸识别源码GIF和PNG格式的加载图标、动画文本等。

       8. DevSamples - 代码样本库，方便开发者复制粘贴到项目中。

       9. Lorem Picsum - 用于创建Lorem Ipsum文本的生成器。

       . Netlify - 免费部署现代静态网站的平台，提供CDN、持续部署等功能。

       . Pxfuel - 提供数以百万计的公共领域，适用于商业用途。

       . Font Awesome - 最受欢迎的图标集之一，更新后包含更多图标、风格和选项。

       . GTmetrix - 用于分析网页速度性能的免费工具，提供改进建议。

       . Resume.com - 提供免费的简历生成器，帮助用户找到理想工作。

       . daily.dev - 保持最新编程新闻的简易方法，整合开发者社区排名的文章。

       . DevDocs - 离线且免费的文档浏览器，方便开发者快速搜索HTML、CSS、JavaScript等文档。

       . Feather Icons - 简洁美观的开源图标集合，强调简单性、一致性和可读性。

       . shortcode.dev - 一组有用的代码片段和示例，包含元素、私募密钥源码属性和选择器。

       . Canva - 与团队合作创造美丽设计的在线平台，提供拖放功能和布局选项。

       . Mockuper.net - 免费模型生成器，用于定制图像展示作品。

       . CSS Nectar - 为网页设计师提供免费CSS网站设计展示平台。

       . BGJar - 免费的SVG背景生成器，适用于网站、博客和应用程序。

       . Photopea - 在线照片编辑器，支持编辑照片、应用效果、过滤器等。

       . Vercel - 为项目提供最佳前端开发体验和最高终端用户性能的部署平台。

       . Fun-javascript-projects - 以实用项目形式免费学习JavaScript的资源。

       . Flaticon - 包含大量免费SVG、PSD、PNG、EPS格式矢量图标，以及图标字体。

       . Awesome Python - 汇总了优秀的Python框架、库和软件列表。

       . CSS Reference - 以视觉指南形式免费提供CSS学习资源，包含流行属性解释。

       . Sidebar.io - 每天提供五个最佳设计资源，适用于工作日。

       . Grid by Example - CSS网格布局学习指南，提供所需知识。自动发货网源码

       . Heroicons - 美观的手工SVG图标，由Tailwind CSS开发者提供。

       . Latency - 免费全球延迟性能测试工具。

       . We Work Remotely - 提供设计、编程、营销等领域的远程工作机会。

       . Unsplash - 高质量免费库，适用于任何项目。

       . Simple Icons - 包含多个流行品牌免费SVG图标。

       . CSS Stats - 为样式表提供分析和可视化的免费工具。

       . Squoosh.app - 在线图像压缩和比较工具，支持多种编解码器。

       . Fast design - 适应现代网络体验的自适应界面系统。

       . UI Garage - 为设计师和开发者提供UI灵感、工具和最佳资源。

       . unDraw - 具有开源插图的设计项目，可免费用于任何想法。

       . Figma - 团队合作设计、制作原型和收集反馈的平台。

       . Hashnode - 免费内容创作平台和社区，允许在特定领域发布文章。

       . FreeCSS - 提供个免费网站模板，支持开源和创意共享模板。

       . DrawKit - 免费矢量SVG插图集合，无需署名即可使用。

       . Public APIs - 列出多个免费开放的REST API，涵盖**、动漫、天气等。

       . CSS.gg - 纯粹的CSS图标库，支持自定义和Retina-Ready，通过纯CSS、SVG等构建。

       . Jr.DevJobs - 初级开发人员的工作机会平台。

       . Notion - 将日常工作应用集于一体的新工具，作为团队工作空间。

       . Compresspng.com - PNG图像压缩和优化工具。

       . Compressor.io - 在线图像优化和压缩工具，支持JPEG、PNG等格式。

       . Caniuse.com - 提供浏览器支持信息，支持桌面和移动网络浏览器的前端技术。

       . Javascript.info - 现代JavaScript教程，包括闭包、文档和事件、面向对象编程等。

       . Inovatik - 为在线项目提供动力的HTML模板下载平台。

       . Free-for.dev - 提供开发者使用的免费软件、服务和其他产品列表。

       . Stormkit - 现代JavaScript应用基础设施提供商，与Git紧密集成。

       . PythonAnywhere - 云中托管、运行和编码Python的平台。

       . Regex - 在线正则表达式测试工具，支持PHP、PCRE、Python等语言。

       . Quant-UX - 设计、测试和学习工具，允许将原型转换为生产系统。

       . Glitch - 创建和使用数以百万计应用程序的简单、强大、免费工具。

       . Frontend Mentor - 通过解决真实世界HTML、CSS和JavaScript挑战，提高前端技能。

       . Smashing Magazine - 为网页设计师和开发者提供资源。

       . FontPair - 协助设计师组合和匹配Google字体。

       . Codewars - 开发人员挑战平台，通过训练提高技能。

       . Westryve - 提供PHP、Laravel、HTML & CSS、Python、.NET等社区信息。

       . Remote.co - 提供远程工作机会、公司和虚拟团队信息。

       . Web.dev - 通过有用指导和分析，帮助网站和应用程序采用现代功能。

       . BundlePhobia - 帮助评估前端bundle中添加npm包的性能影响。

       . Scrimba.com - 有趣、快速学习代码的方式，提供互动课程和教程。

       . Dev.to - 具有建设性和包容性的社交网络，支持开源和透明。

       . Heroku - 平台即服务（PaaS）平台，使开发者能够在云中构建、运行和操作应用程序。

       . Animista.net - 玩转现成CSS动画，调整并仅下载实际需要的动画。

       . HTTP Status Codes - 定义、细节和有用的代码参考。

       . The Coding Interview - 每天准备5分钟，练习破解编码面试难题。

       . Learn-anything.xyz - 搜索交互式思维导图，用于学习任何内容。

       . Responsively App - 帮助快速、精确进行响应式Web开发的工具。

       . Colormind - 一键生成色彩组合的工具，使用深度神经网络创建有凝聚力的色彩方案。

       . teachyourselfcode.io - 通过策划的视频教程免费学习代码。

       . Render - 统一平台，用于构建和运行所有应用程序和网站，支持免费SSL、全球CDN、专用网络和Git自动部署。

       . Carbon.sh - 最简单的方法创建和分享源代码。

       . Regex Pal - 在线测试Javascript和PCRE正则表达式。

       . JSONLint - 免费的在线JSON验证和重新格式化工具。

       . W3Layouts - 提供免费网站模板设计，响应式设计，使用Bootstrap、HTML、CSS和JS构建。

       . Freepik - 数以百万计的免费图形资源，包括矢量图、、PSD、图标等。

       . Mixkit - 为视频项目提供免费视频素材、音乐素材和Premiere Pro模板。

       . Unscreen - 在线工具，用于移除视频背景，%自动，免费。

       . Avataaars Generator - 免费在线头像生成器，轻松制作个人头像。

       . Remix Icon - 开源中性风格图标集合，适合设计师和开发者使用。

       . Ikonate - 定制、调整和下载免费矢量图标，支持Sketch、Photoshop等应用程序使用。

       . Open Doodles - 人物素描图库，适用于个人和商业使用。

       . Kite - 用于编程自动完成的AI插件，支持多种语言和IDE，提供多行补全功能。

       . Devhints - Web开发速查表集合。

       . Wappalyzer - 分析网站技术栈的工具，创建网站和联系人的列表。

       . Tailwind Components - 提供Tailwind图表、网格、输入、表格等组件。

       . Grammarly - 旨在提升沟通影响力的工具，确保写作清晰吸引人，消除语法错误。

       . Wave - 免费发票和会计软件，支持信用卡处理和工资单服务。

       . Clockify - 时间跟踪软件，用于跟踪不同项目的工作时间。

       . Untools - 解决问题、决策和理解系统的方法集合。

       . Free Logo Maker - 在几分钟内创建自定义logo的免费在线应用。

       . TinyPNG - 压缩优化PNG和JPEG图像，加快网站加载速度，节省带宽。

       . 1loc - 最佳的JavaScript单行代码集合。

如何在React中调用微信的jsSDK

       1. 微信JSSDK使用步骤简介

       æˆ‘们既然是在做基于微信的开发，当然就离不开微信的开发文档了。开始之前希望大家能先去看下《微信JS-SDK说明文档》。那么我们怎么样才能用上微信的JSSDK呢？以下基本步骤就是基于该文档的。

       éœ€è¦æ³¨æ„çš„是，如果本人下面的描述你看的有点云里雾里的话，我建议你：

       å›žå¤´çœ‹ä¸‹æœ¬ç³»åˆ—《小白学react》的历史基础文章，特别是《小白学react之altjs的Action和Store》以及《小白学react之打通React Component任督二脉》，或/和：

       ç›´æŽ¥è·³è¿‡æˆ‘的描述，在文章后面下载最新的源码，先阅读源码，碰到问题再反过来看文章的描述。

       æ­¥éª¤ä¸€ï¼šç»‘定域名

       å…ˆç™»å½•å¾®ä¿¡å…¬ä¼—平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

       å¤‡æ³¨ï¼šç™»å½•åŽå¯åœ¨â€œå¼€å‘者中心”查看对应的接口权限。

       è¿™é‡Œç»‘定的时候需要注意不要带前面的W',    accessTokenUrlin.qq.com/cgi-bin/token',    ticketUrl:'com/cgi-bin/ticket/getticket',

       }

       exports.sign = function (url,callback) {  var noncestr = config.noncestr,

              timestamp = Math.floor(Date.now()/), //精确到秒

          ...

              request(config.accessTokenUrl + '?grant_type=' + config.grant_type + '&appid=' + config.appid + '&secret=' + config.secret ,function(error, response, body){            if (!error && response.statusCode == ) {                var tokenMap = JSON.parse(body);

                      request(config.ticketUrl + '?access_token=' + tokenMap.access_token + '&type=jsapi', function(error, resp, json){                    if (!error && response.statusCode == ) {                        var ticketMap = JSON.parse(json);

                              cache.put('ticket',ticketMap.ticket,config.cache_duration);  //加入缓存

                              callback({                            noncestr:noncestr,                            timestamp:timestamp,                            url:url,                            jsapi_ticket:ticketMap.ticket,                            signature:sha1('jsapi_ticket=' + ticketMap.ticket + '&noncestr=' + noncestr + '&timestamp=' + timestamp + '&url=' + url)

                              });

                          }

                      })

                  }

              })

          }

       }

       è¿™é‡Œçš„流程和我们刚才描述的并无二致。首先是通过appId和secret获得调用获取jsapi_ticket的access_token，然后通过该access_token获得我们签名需要用到的jsapi_ticket。noncestr我们是提前随便填写好的。timestamp的算法也比较简单。

       æœ€åŽå°±æ˜¯é€šè¿‡sha1这个库提供的方法，将jsapi_ticket，noncestr，timestamp和页面url进行sha1签名，然后将以上这些信息通过callback返回给上层调用函数。

       é‚£ä¹ˆæˆ‘们往下看下我们的上层调用函数。其实就是我们的express路由:

app.get("/api/signature", function(req,res) {    const url = req.query.url.split('#')[0];

          signature.sign(url,function(signatureMap){

              signatureMap.appId = wechat_cfg.appid;

              res.send(signatureMap);

          });

       })

       æ ¹æ®å¾®ä¿¡å¼€å‘文档需求，我们首先需要将传进来的url的锚点后面的数据给去掉，保留前面的有效部分。

       ç„¶åŽå°±æ˜¯è°ƒç”¨ä¸Šé¢çš„sign方法来生成签名。上面的签名方法最后传进来的json数据就是这里的signatureMap。我们最终会将这些数据发送回react客户端。

       åŒæ—¶ï¼Œé€šè¿‡ä¸Šé¢çš„wx.config的示例，我们知道还需要用到微信公众号的appId。所以这里一并将其放到signatureMap中进行返回。

       é‚£ä¹ˆåˆ°æ­¤ä¸ºæ­¢ï¼Œreact客户端调用服务端的"/api/signature"返回的数据示例如下:

{

        noncestr: 'Wm3WZYTPz0wzccnW',

        timestamp: ,

        url: 'com/?code=kGsdxcm7F1PAFfUudkGsdr&state=',

        jsapi_ticket: 'sM4AOVdWfPE4DxkXGEs8VBqyVbs-TKGYp4d_ZSQa0Q5WvvMUPNQ6XGpyEcgKOD_xID_GrMCaalSmIF9JbrGaOg',

        signature: 'ffaf4b9eb0dfcfefe3daae3c'

       }

       3.  å®¢æˆ·ç«¯èŽ·å–签名信息

       3.1 获取签名信息并注入jssdk

       å’Œä¹‹å‰çš„获取微信用户信息一样，我们这里会建立一个新的Source文件WechatSdkSource.js来调用远程服务器的"/api/signature"接口:

var WechatSdkSource = {

        fetchSignatureMap() {    return {

            remote(state,url) {        return co(function *() {          let signatureMap = null;          const getSignatureMapUrl = `/api/signature`;          try {            let result = yield request.get(getSignatureMapUrl).query({ url:url});

                  signatureMap = result.body;

                } catch (e) {

                  signatureMap = null;

                }          //console.log("userInfo:", userInfo);

                return signatureMap;

              });

            },

            local() {        // Never check locally, always fetch remotely.

              return null;

            },      success: WechatSdkActions.updateSignatureMap,      error: WechatSdkActions.getSignatureMapFailed,      loading: WechatSdkActions.getSignatureMap,

          }

        }

       };

       è¿™é‡Œä¼ è¿›æ¥çš„url由下面将要谈及的上层函数所生成。整个流程就没有什么好说的了，说白了就是通过相应的库发送一个带有url的query参数的请求到服务器端来请求签名信息，相信有跟着这个系列文章的朋友都是很清楚的了。

       æœ€ç»ˆè¯·æ±‚成功返回的时候就会调用WechatSdkActions的updateSignatureMap这个Action。

var alt = require('../alt');module.exports  = alt.generateActions(    'updateSignatureMap',    'getSignatureMap',    'getSignatureMapFailed',

       );

       è€Œè¿™ä¸ªaction就会触发所监听的WechatSdkStore的onUpdateSignatureMap这个回调。

class WechatSdkStore {  constructor() {    this.signatureMap = [];    this.errorMessage = null;    this.ready = false;    this.bindActions(WechatSdkActions);    this.exportAsync(WechatSdkSource);