因为使用 Fastlane我才又一次接触 Fabric这个软件的。之前我还仅以为这只是用来统计崩溃和发布 APP 的软件。 没想到 Fastlane竟然是也是这个公司出的,棒棒的!...点击 MAMP的配置功能 点击配置的端口界面 我这边设置上面的端口,其实端口你们可以随便的定义,只要不进行冲突就可以了。...我当时考虑用 php或者用 Swift的第三方库做一个接口,打包完毕发送一个请求服务器做处理。 考虑到自己 php是菜鸟, Vapor自己又不精通就放弃了,准备再次写一个 Mac 的应用程序。...我们使用 Copy命令用 NSTask执行一个简单的 Shell脚本把 /Applications/MAMP/htdocs/mainfest.plist的文件复制到 GearBest_temp.ipa的同级目录...我之后有时间把自动化上传软件再次写一遍 开源,这样大家就可以部署一下。 说一下这样部署的优点吧。
在Windows下,快速搭建*AMP环境,使用xampp或者WAMP之类的集成包,会一口气装好所有需要的软件,而在Mac下,相应的,做得比较好的是MAMP,我选用的是与之对应的收费版本MAMP Pro,...MAMP集成度更高一些,比如Mac就不提供MySQL,就很麻烦了,另外Apache的各种模块,也难保Mac自带的是哪个版本的,MAMP至少带有四个版本以上的PHP,可以随便切换,也可以根据项目制定,另外集成了自动化配置...相应地MAMP是在一个App文件夹里,卸载的时候拖住删了就行了。...使用MAMP环境,可以将代码放在全系统的任何目录,配置的时候,只要点点鼠标即可,但是用系统自带,我看很多同事,更加倾向于都放到一个htdocs文件夹,这绝对不是必须的,只是都放在一起的话,会一目了然,可以管理你到底配置了多少...比如,通过PHP脚本连接MAMP提供的MySQL时候,如果用系统自带的PHP二进制,你会发现死也连不上MySQL,报错是找不到文件。
创建Cocoapods私有库托管工程的模块进行依赖 业务需求: 明年可能做一个新的项目但是大部分的功能模块是一样的 如果使用不同的Target可能代码里面不同的判断 这是十分痛苦的 有没有好的办法集成模块...因为可能需要自定义并且 可能其他模块的改动 我们新增1.0版本 1.0 我们在1.0的目录新增文件夹 存放我们的文件 DefineEnums 我们现在的目录就是 /Applications/MAMP/...{h,m}" s.requires_arc = true end 其他的配置和创建共有的是一样的 只不过我们使用的是zip的文件包 zip就是我们1.0目录的打包 我们在终端执行 pod spec...'/Applications/MAMP/htdocs/GBRepoGits/GBDefineENUM/1.0/GBDefineENUM1.0.podspec' 注意事项 之前podspec执行的路径是我本地...PHP的spec路径提示我编码不正确 我觉得可能就是PHP自动帮我展示转码了 就换成本地的文件路径是可以的 想说的话 对于我们的项目想完全模块脱离 我觉得很大的工作量 我觉得应该可以 我这几天研究一下
components: 存放React组件用的。 images:存放博客的一些图片资源。...对于后端来说由于我们已经将前后端彻底分离了,所以后端可以使用一些廉价的Baas或者Serverless服务,例如可以使用Auth0作为我们的用户鉴权服务,使用Firebase作为我们的接口服务等等。...除此之外,由于Gatsby使用了React,所以它间接上接入了React的生态系统,这样开发者在开发Gatsby应用时就可以使用React生态的各种最佳实践和库实现了,这无疑可以大大提高我们的开发效率。...还有一种方案就是我使用React等现代开发技术,这样我就得学习next.js等SSR技术来实现SEO,这个方案有一个问题就是学习next.js有一定的学习成本,而且在项目上线后我得维护一个后端服务来进行服务端渲染...可是使用了JAMStack或者说是Gatsby后这些问题就迎刃而解了,因为我可以继续使用我熟悉的React技术栈来快速开发Web应用,还无需考虑服务端渲染的问题就可以达到SEO的效果,这不是美滋滋?
概述 在 前期介绍React Native 项目结构的时候,我们讲解过React的项目组成,其中说过 node_modules 文件夹,这是一个存放 node 模块的地方。...我们知道React是用npm来管理项目的。...:npm使用详解 今天我们要说的是用npm来创建一个我们自己的模块,就是Android的Libary 创建自定义模块 React Native 虽然实现了很多 Native 组件,并且提供了丰富的 API...,但是有些原生库还是不支持的,而且有很多开源的组件和库是面向原生的,因此要想在 React Native 中使用这些组件和库就需要自己定义一个模块,这样也方便别人集成,我们还可以把它发到出去供别使用。...保存自定义模块 安装完成后就会把这个模块保存到 node_modules 文件夹下,由于我们的模块是一个 Android Library 项目,所以在 Native 中还需要配置一下。
大家好,又见面了,我是你们的朋友全栈君。...打开【应用程序】,找到【MAMP】文件夹, 双击打开文件夹,打开【MAMP】程序 弹出警告窗口, 选择【Launch MAMP】 浏览器会启动并显示一个欢迎页面, 你会发现浏览器地址栏中的 URL...这样,你就可以更轻松地使用 Dreamweaver 进行开发。 单击【OK】,根据提示键入你的 Mac 密码。 MAMP 将停止并重新启动两台服务器。...此时,MAMP 欢迎页面将重新载入浏览器中。...使用非标准端口时,只需要在冒号后跟数字即可。 单击 MAMP 菜单中的【phpinfo】链接。
但随着时间推移,我慢慢发现,尤其是在本地开发这个场景下,Docker 带来的麻烦似乎比它解决的要多。我会开始想:“我们还在用 Docker,是因为它最好,还是仅仅因为大家都这么用?”...尤其对于我们这些主要做 Web 开发的团队来说,追求的无非是开发语言比如Python、Node.js、Rust、MySQL、Redis 等服务的稳定运行。于是,我把目光投向了新一代的本地集成开发环境。...ServBay这是我最大发现,也是我目前的主力工具。你可以把它理解为 MAMP 的超级进化版。ServBay 解决了传统集成环境(如 MAMP、XAMPP)的很多痛点。...到底该如何选择?停止使用docker 并不是一个绝对的口号,而是一个值得思考的选项。选择哪种工具,取决于你的具体需求。...如果是普通的Web开发者,追求本地开发的极致速度和简单性,那么试试 ServBay、MAMP 这样的集成工具也是个不错的选择。它能让你把精力重新聚焦在代码上,而不是和工具搏斗。
我遇到过很多 react 开发的项目,他们都把图片就进存放,简单说,就是存放在 src 目录下的某个地方,然后使用 ./xxx.jpg 这样的方式引入。...这种写法对于我这种具有代码强迫症的人来说,简直是无法忍受的。因此,我主导的项目开发中,都强制要求将所有的图片存放在 /public/image/ 文件夹中。...用一个良好的代码整理方案,完全可以解决掉你说的这些问题。 也就是说,规矩,是TM最重要的。 好,我们将代码存放在 /public/image/ 文件夹中,我们如何在 jsx 中使用图片呢?...而在开发环境下,我们是不会这么调用的。 所以,我们如果在 jsx 文件中使用图片地址,我们用一个函数来返回图片路径,就可以让我们更方便的替换这些路径地址。...我不太清楚将图片存放在 src 目录中的各种注意事项。因为我一看到这样做就恶心,所以就没有去尝试了。 好,这一片博文我们学习了如何引入静态资源目录中的图片,其实引入其他内容也是如此。
React Native发布APP之打包iOS应用 ---- 用React Native开发好APP之后,如何将APP发布以供用户使用呢?...在本文中我将为大家讲解如何打包和发布React Native iOS App。...其中,assets为项目中的JS部分所用到的图片资源(不包括原生模块中的图片资源),main.jsbundle是JS部分的代码。...return YES; } 上述代码的作用是让React Native去使用我们刚才导入的jsbundle,这样以来我们就摆脱了对本地nodejs服务器的依赖。...return YES; } 到目前为止呢,我们已经将js bundle包和图片资源导入到iOS项目中,接下来我们就可以发布我们的iOS应用了。
React Native发布APP之打包iOS应用 ---- 用React Native开发好APP之后,如何将APP发布以供用户使用呢?...在本文中我将为大家讲解如何打包和发布React Native iOS App。...) 其中,assets为项目中的JS部分所用到的图片资源(不包括原生模块中的图片资源),main.jsbundle是JS部分的代码。...return YES; } 上述代码的作用是让React Native去使用我们刚才导入的jsbundle,这样以来我们就摆脱了对本地nodejs服务器的依赖。...return YES; } 到目前为止呢,我们已经将js bundle包和图片资源导入到iOS项目中,接下来我们就可以发布我们的iOS应用了。
对于 React 爱好者来说,Taro 将是你开发小程序的不二选择,Taro 是第一款用 React 语法写小程序的框架,一直在不断的迭代和快速的成长,官方团队还给开发者提供了 Taro-UI 库,同时支持将...微信小程序 转为 Taro 项目以及 Taro 代码与微信小程序代码混写 叨叨了这么多,回到分享的主题,下面将会详细介绍 如何使用 Taro 开发微信小程序 一:安装 Taro 开发工具 @tarojs...然后我们就可以愉快的开发我们的项目,运行npm run dev:weapp,打开我们的小程序 ?...很多人反馈用原生的 Taro.request或者用第三方axios等等做异步请求总会有错,我没亲测,但是自己用promise封装了方法, 在根目录src文件夹下创建utils文件夹, 在这里我简单的模拟微信授权登录...整个框架的使用大致就是这样了,react的书法风格还是挺舒服的,如果习惯了vue的写法可能刚开始会不习惯,有兴趣的可以尝试尝试,下面再简单的把一些小技巧给补上: 一:图片以模块的方式的引入 使用ts搭建的项目
=============================== 我的需求是这样的,系统有一个专门的文件夹用于存放图片,css,js或者附件,如: http://www.test.com/resources...apache来说那相当容易, 需要通过location uri规则匹配访问到该文件夹,我使用如下配置: location ^~ /resources/ { root d:/www/; } 试了N...d:/www/; } 成功实现了我的需求。..., location /phpadmin/ {} 和 location /phpadmin {} 是完全不同的。.../phpadmin/的访问将正确解析,而其他访问则返回页面不存在(404)的信息。
因为尽管是跨平台和快捷开发,但是以React Native为核心,去开发稍微偏中型以上的项目,后期维护的人员绝对不比原生的少多少,而且项目大了,体验依旧是个大问题。 ...相反,把React Native作为项目开发中的补充,可以在一定程度上实现平台业务的统一,还有灵活的开发效率,补充原生的不足。 [此时此刻,此情此景] 如何入门? ...[1c75c3211a232aa88fe3f12ab7fb988b] 其中关键的文件有: android文件夹,就是一个可以用android studio打开的android项目。...ios文件夹,是一个可以用xcode打开的ios项目。 index.android.js,这是android的React Native入口文件。...React Native的调试是靠chrome浏览器来调试的,没错,浏览器,这样很前端吧~哈哈哈(◐‿◑)。
因为尽管是跨平台和快捷开发,但是以React Native为核心,去开发稍微偏中型以上的项目,后期维护的人员绝对不比原生的少多少,而且项目大了,体验依旧是个大问题。...相反,把React Native作为项目开发中的补充,可以在一定程度上实现平台业务的统一,还有灵活的开发效率,补充原生的不足。 ? 此时此刻,此情此景 如何入门?...其中关键的文件有: android文件夹,就是一个可以用android studio打开的android项目。 ios文件夹,是一个可以用xcode打开的ios项目。...React Native的调试是靠chrome浏览器来调试的,没错,浏览器,这样很前端吧~哈哈哈(‿)。...(四、打包流程和发布为Maven库) 一、本人github 主页 二、RN完整学习项目 三、点我,我是React Native 练习项目。
本文会分享一个我在实际工作中遇到的案例,从最开始的需求分析到项目搭建,以及最后落地的架构的整个过程。最终实现的效果是使用mono-repo实现了跨项目的组件共享。...主要使用场景是市政厅之类的地方,类似这个样子: ? 这张图是我在网上随便找的某银行的图片,跟我们使用场景有点类似。他有个自助的ATM机,远处还有人工柜台。...我们也是这么想的,但是公共组件库有多种组织方式,我们主要考虑了这么几种: 单独NPM包 再创建一个项目,这个项目专门放这些可复用的组件,类似于我们平时用的antd之类的,创建好后发布到公司的私有NPM仓库上...我们发现他有个packages文件夹,里面有四个项目: react-router:是React-Router的核心库,处理一些共用的逻辑 react-router-config:是React-Router...由于我是准备用它来放共享组件的,所以我把目录结构调整了,默认生成的两个文件夹都删了,新建了一个components文件夹: ?
物质本身把自己隐藏的很深,那可观测性就比较差。但是如果我们用一些手段把它破坏开,对于我们来讲可观测性就强了。...5、建立起以时间维度的观察与分析 建立起了这样的认知后,那接着谈谈我在Zabbix监控中是如何去落实的。 02 基于Zabbix的可观测性监控 第二阶段是基于Zabbix的可观测性监控。...2、外围设置采集、存储、动作,还有展示四部分,将这四部分分别放入不同的开源软件。 这些开源软件有自己的不同功能,比如说在采集方面,普罗米修斯本身就是为云编程而生的,Kubernetes用的非常好。...其次是模块化,随时可拆解随时可使用。...这个业务场景就是从端到端的用户访问到真正返馈的结果,是否形成一个我所真正需要、期望的结果,如果不对就要报警。这个常见于我们做一些回归测试的自动化类似脚本,转移一下就可以使用了。
2.3 搭建DVWA漏洞环境 DVWA是一款开源的渗透测试漏洞练习平台,其中包含XSS,SQL注入,文件上传,文件包含,CSRF和暴力破解等各个难度的测试环境。...大家肯定用WAMP,我用MAMP(原谅我实在更新两个版本的教程了,不过大体上都是一样的)现在有了WAMP(MAMP)我们就来搭建DVWA吧 1.在安装时需要在数据库里创建一个数据库名,进入MySQL管理中...重命名为dvwa并移动到htdocs Windows用户直接将文件拖到www即可(系统状态栏左下角) image.png 3.配置如上 注意:打开全局权限和用户账户数据库中的两个服务 4.接着修改dvwa...文件夹下的config文件夹下的config.inc.php.dist文件 image.png 然后把文件命名为config.inc.php就可以了 注意:这里密码我没有写,大家在这里填写密码的试试注意填写...这里我的PHP环境是7.2.1那么我们就修改conf文件下7.2.1的php.ini文件: image.png 8.完成! 开始练习吧 image.png
用我掉过的头发和修过的bug,聊聊开发者对RN的爱恨情仇吧先说我们会选择RN最主要的原因:1、跨平台省钱大法好:我记得当年团队组长拍着桌子说“安卓和iOS各招5个人”的画面,后面一个同事用RN写了个Demo...2、热更新堪比后悔药:RN的热更新是我非常喜欢的能力,基本可以让我像做PPT一样随时修改,对比原生每次发版都要跪求App Store审核的样子,压力都会小好多。...还记得之前用react-navigation搭导航栏时,顺手抄了GitHub上5个开源模板,开发速度是真的顶。...如果你的项目需要快速试错、动态迭代,react native+FinClip这个组合能让你在老板面前稳如泰山,但如果是做大型游戏或工业级应用,建议还是抱紧原生开发大哥的大腿。...各位大佬对React Native的评价如何?
说白了就是用这个框架,你可以在使用前端技术来开发桌面应用,原理是在本地应用上跑一个抽出来的浏览器,浏览器上放你写的页面。...在这里,我以我本人的开发喜好为例,讲解一下使用 React 作为前端界面框架、Ant-Design 作为 UI 库、Electron 作为 Native 支持的项目搭建。...创建React项目 接下来用于我们需要使用 React,所以一个在项目中启用 React 支持也是必不可少的,创建一个真正可用的 React 项目环境还是比较复杂的,这里推荐直接使用 Facebook...是现在最好的 JavaScript IDE,当然如果你一定要使用命令行来创建我也没意见,只是 WebStorm 可以方便你之后的开发。...引入Ant-Design 当删除完成之后,我们就可以引入 Ant-Design 了,在集成终端中输入: yarn add antd 这样一来我们就在项目中引入了 Ant-Design,但是我们还不能直接使用它
React Native发布APP之打包iOS应用 了解更多,可学习《React Native视频教程》 用React Native开发好APP之后,如何将APP发布以供用户使用呢?...在本文中我将为大家讲解如何打包和发布React Native iOS App。...) 其中,assets为项目中的JS部分所用到的图片资源(不包括原生模块中的图片资源),main.jsbundle是JS部分的代码。...//如果在项目中使用了CodePush热更新,那么我们需要就可以直接通过CodePush来读取本地的jsbundle,方法如下: For React Native >=0.59,https://github.com...} 上述代码的作用是让React Native去使用我们刚才导入的jsbundle,这样以来我们就摆脱了对本地nodejs服务器的依赖。