We have developed a new porous gradient microfluidic device based on in situ Gtn-HPA/CMC-Tyr hydrogel that comprises gelatin hydroxyphenylpropionic acid (Gtn-HPA) conjugate and carboxymethyl cellulose tyramine (CMC-Tyr) conjugate. The device is fabricated using a soft lithographic technique, in which microstructures were patterned on a thin layer of polydimethylsiloxane (PDMS) using a polymeric mold. Human fibrosarcoma cells (HT1080) were employed as invasive cancer cell model. Porosity gradients were generated by flowing pore etching fluid in the gradient generator network. Results suggested that spatial control of the porosity can be obtained, which mimics the 3-dimensional microenvironment in vivo for cell-based screening applications including real time chemotaxis, cytotoxicity, and continuous drug-response monitoring. A chemoattractant gradient is then generated and cell migration is monitored in real time using fluorescence microscopy. The viability of cells was evaluated using calcien AM stain. Herein, we successfully monitored the chemotactic responses of cancer cells, confirmed the validity of using in situ porous hydrogels as a construction material for a microchemotaxis device, and demonstrated the potential of the hydrogel with tunable porosity based microfluidic device in biological experiments. This device will also be practical in controlling the chemical and mechanical properties of the surroundings during the formation of tissue engineered constructs.