Today, I will introduce some tools & solutions for iOS App development:
Debugging API Call with Charles.
Checking images usage in app with ImageMagick.
Draw vector images & generate code with PaintCode.
Manage your snippet code with CodeBox.
1. Debugging API Call with Charles.
What is Charles?
Charles is a web proxy (HTTP Proxy / HTTP Monitor) that runs on your own computer. Your web browser (or any other Internet application) is then configured to access the Internet through Charles, and Charles is then able to record and display for you all of the data that is sent and received.
- SSL Proxying – view SSL requests and responses in plain text
- Bandwidth Throttling to simulate slower Internet connections including latency
- AJAX debugging – view XML and JSON requests and responses as a tree or as text
- AMF – view the contents of Flash Remoting / Flex Remoting messages as a tree
- Repeat requests to test back-end changes
- Edit requests to test different inputs
- Breakpoints to intercept and edit requests or responses
- Validate recorded HTML, CSS and RSS/atom responses using the W3C validator
Setup Charles (with license).
Config Charles Proxy Settings (HTTP Proxy Port), disable Mac OS X & Mozilla Firefox Proxy.
Config device’s HTTP Proxy (computer & devices must use the same network).
Accept request from device in Charles & start checking HTTP calls.
2. Automated builds.
Automatically build & deploy IPA to QA through server/cloud daily. QA pull IPA files from server and then install to devices. No need to request dev to build & send files.
Google Drive / Dropbox (for Mac)
Task Till Dawn
XCode & Git (of course)
Setup Google Drive, create a directory for store builds & set Sharing Settings properly.
Write script to build IPA file with command lines (include copying file to Google Drive to sync).
Use Task Till Dawn to set scheduled execution for build script.
Let’s see an example of build script: (note that you need to set execute permission to file & set open file with Terminal)
Setup with Task Till Dawn:
3. Checking images usage in app with ImageMagick.
Create a version with solid color images so we can see what all the individual images are. This version of app is good for us to review, estimate how much effort for reskinning.
Install ImageMagick (using MacPorts).
Clone project to create a special version.
Write script to convert all images in project to solid color images with numbering index & random colors.
Run script, build project & start checking.
Let’s see convert script:
And the results:
4. Draw vector images & generate code with PaintCode.
What is PaintCode?
PaintCode is a vector drawing app that generates Objective-C code in real time.
It has powerful drawing tools with Retina support, dynamic colors & shapes. It also has SVG, PSD import features.
Code is generated on-the-fly & very clean, support ARC, for both Mac OS & iOS, both Objective-C & MonoTouch (C#).
5. Manage your snippet code with CodeBox.
What is snippet?
A snippet, in terms of coding, is a small piece of code that you can use over and over again in various projects. So as a developer (or designer for that matter), it’s useful to have your snippets readily available while you’re working on your next big project.
What is CodeBox?
CodeBox is a feature-rich code snippet manager for developers and designers with an intuitive user interface. Save your time and efforts by utilizing CodeBox to collect and reuse snippets of code.
- Support for multiple libraries that can be put into the Dropbox to sync with your co-workers
- CodeBar helper app in the menu bar for browsing and searching through all known libraries
- Edit, Copy or Paste snippets into an active application right from the menu bar
- Use variable placeholders and abbreviations to replace text expanding software
- Extremely flexible snippet management using Tags, Folders, Groups and Smart Groups
- Import snippet libraries from the other snippet manager apps in one click
- Support for sharing snippets to the most popular social code services i.e Gist and Snipplr
- Each snippet can include multiple assets, for example “index.html”, “script.js” and “styles.css”
- Drag and drop a custom .tmTheme into the code editor to change highlighting colors
- Import source code files and folders by dragging them into the app from Finder
- Create snippets faster using the bookmarklet Add To CodeBox or OS X Services
- All other features that you need from the code snippet manager while developing software
Have a nice day! [Views: 6101]